Javascript在IE或Firefox下获取鼠标位置的代码
JavaScript代码 获取 位置 IE 鼠标 firefox
2023-06-13 09:14:15 时间
第一段代码是利用全局变量来获取实时鼠标的位置。
复制代码代码如下:
varxPos;
varyPos;
window.document.onmousemove(function(evt){
evt=evt||window.event;
if(evt.pageX){
xPos=evt.pageX;
yPos=evt.pageY;
}else{
xPos=evt.clientX+document.body.scrollLeft-document.body.clientLeft;
yPos=evt.clientY+document.body.scrollTop-document.body.clientTop;
}
});
因为IE和Firefox对clientX的解析不一样,IE认为clientX是鼠标相对整个页面左上角的位置,而Firefox认为是相对当前所见页面左上角的位置。而这段代码最终返回的结果是整个页面左上角的位置。这段代码的缺陷是,xPos和yPos是实时变动的。
第二段代码是通过函数获取当前时刻的鼠标坐标值
document.onmousemove=mouseMove;
functionmouseMove(ev){
ev=ev||window.event;
varmousePos=mouseCoords(ev);
}
functionmouseCoords(ev){
if(ev.pageX||ev.pageY){
return{x:ev.pageX,y:ev.pageY};
}
return{
x:ev.clientX+document.body.scrollLeft-document.body.clientLeft,
y:ev.clientY+document.body.scrollTop-document.body.clientTop
};
}
这段代码的来源是这里,这个网站还提供了一些简单的样例给我们玩耍。这个函数和刚才的函数理论是一致的,先触发mousemove事件,然后获取了事件之后,分别判断浏览器类型。这段代码的优点是,不适用全局变量,并且可以随用随拿,只要调用这个函数,就能够获取鼠标坐标。
这两段代码,个人偏好于后者,现在先把这段代码记下来,这段代码应该是会经常被使用到的。
相关文章
- js漂浮广告代码_JavaScript上传文件代码
- javascript获取当前时间,按指定格式输出_js获取现在本地时间的代码
- 分享29个超有用的 JavaScript 单行代码
- javascript删除Table中的一行的脚本代码
- javascript贪吃蛇实现代码
- javascript获取当前ip的代码
- javascript操作cookie_获取与修改代码
- Javascript表格操作实现代码
- javascript缓冲效果实现代码
- javascript连连看代码出炉
- 优化JavaScript代码的方法小结
- javascript获取HTMl文件指定元素的代码
- 用apply让javascript函数仅执行一次的代码
- JavaScript学习笔记之获取当前目录的实现代码
- javascript,php获取函数参数对象的代码
- JavaScript选中文字并响应获取的实现代码
- JavaScript中数组的排序、乱序和搜索实现代码
- javascript学习笔记(十九)节点的操作实现代码
- javascript通过class来获取元素实现代码
- javascript获取鼠标位置部分的实例代码(兼容IE,FF)
- javascript获取选中的文本的方法代码
- javascript获取所有同类checkbox选项(实例代码)
- javascript获取元素CSS样式代码示例
- javascript模拟地球旋转效果代码实例
- javascript获取URL参数与参数值的示例代码
- javascript客户端遍历控件与获取父容器对象示例代码
- JavaScript调用ajax获取文本文件内容实现代码
- JavaScript实现的图像模糊算法代码分享
- Javascript实现获取窗口的大小和位置代码分享
- javascript和jquery实现设置和移除文本框默认值效果代码