获取鼠标的坐标值(保证跨浏览器兼容)
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的差异