获取鼠标的坐标值（保证跨浏览器兼容）
2009-10-13 09:55
302 查看
//检测浏览器
function agent(v) {
return(Math.max(navigator.userAgent.toLowerCase().indexOf(v), 0));
}
//获取坐标值
function XY(e) {
var o = agent('msie')>0 ? {'X':event.clientX + document.documentElement.scrollLeft,'Y':event.clientY + document.documentElement.scrollTop} : {'X':e.pageX,'Y':e.pageY};
·return o;
}
注意两个问题，一是跨浏览器，二是有滚动条。
在使用了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">声明的网页中，获取滚动条上不的高度不能再使用document.body.scrollTop而应该使用document.documentElement.scrollTop
function agent(v) {
return(Math.max(navigator.userAgent.toLowerCase().indexOf(v), 0));
}
//获取坐标值
function XY(e) {
var o = agent('msie')>0 ? {'X':event.clientX + document.documentElement.scrollLeft,'Y':event.clientY + document.documentElement.scrollTop} : {'X':e.pageX,'Y':e.pageY};
·return o;
}
注意两个问题，一是跨浏览器，二是有滚动条。
在使用了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">声明的网页中，获取滚动条上不的高度不能再使用document.body.scrollTop而应该使用document.documentElement.scrollTop
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 用 javascript 获取鼠标(光标)的坐标位置 兼容IE/Firefox等浏览器
- js获取鼠标坐标位置兼容多个浏览器
- js获取鼠标坐标位置兼容多个浏览器
- JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
- JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
- 多浏览器兼容的获取元素和鼠标的位置的js代码
- 用JavaScript 获取鼠标移动时的坐标(兼容:IE8、谷歌、Firefox)和用jquery方法的简单分析
- 多兼容的JS获取鼠标坐标
- JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
- 获取鼠标的位置 （完美兼容各种浏览器）
- 获取事件目标对象的位置坐标或者鼠标位置坐标（兼容IE和火狐）
- JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
- JavaScript得到鼠标指针相对于浏览器页面（或客户区）的水平坐标（兼容ie，ff）
- 获取鼠标坐标的JavaScript函数（兼容IE、FireFox、Chrome）
- js获取鼠标位置杂谈附多浏览器兼容代码
- js原生代码编写一个鼠标在页面移动坐标的检测功能，兼容各大浏览器
- 获取事件目标对象的位置坐标或者鼠标位置坐标（兼容IE和火狐）
- 兼容各浏览器获取鼠标滚轮上下滚动事件
- 浏览器的鼠标坐标值获取及pageX、clientX、screenX的差异