event.x,event.clientX,event.offsetX区别_javascript技巧
程序员文章站
2024-01-01 10:51:16
...
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
测试代码一:
[code]
[/html]
演示代码二:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
测试代码一:
[code]
[/html]
演示代码二:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
-
event.x,event.clientX,event.offsetX区别_javascript技巧
-
整理的比较全的event对像在ie与firefox浏览器中的区别_javascript技巧
-
JS中confirm,alert,prompt函数区别分析_javascript技巧
-
function, new function, new Function之间的区别_javascript技巧
-
javascript css在IE和Firefox中区别分析_javascript技巧
-
JavaScript中各种编码解码函数的区别和注意事项_javascript技巧
-
escape、encodeURI 和 encodeURIComponent 的区别_javascript技巧
-
JS基础之undefined与null的区别分析_javascript技巧
-
引用 js在IE与FF之间的区别详细解析_javascript技巧
-
比较全面的event对像在IE与FF中的区别 推荐_javascript技巧