event.x,event.clientX,event.offsetX区别_javascript技巧
程序员文章站
2022-04-21 13:42:20
...
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
测试代码一:
[code]
[/html]
演示代码二:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
clientX:相对于客户区域的x坐标位置,不包括滚动条,就是正文区域。
offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
测试代码一:
[code]
[/html]
演示代码二:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上一篇: PHP实现基本认证
下一篇: php进行文件的强制下载
推荐阅读
-
调用js时ie6和ie7,ff的区别_javascript技巧
-
innerHTML,outerHTML,innerText,outerText的用法及区别解析_javascript技巧
-
undefined==null引发的两者区别与联系第1/3页_javascript技巧
-
js判断undefined类型,undefined,null, 的区别详细解析_javascript技巧
-
js null undefined 空区别说明_javascript技巧
-
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版_javascript技巧
-
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别_javascript技巧
-
createElement与createDocumentFragment的点点区别小结_javascript技巧
-
JS中confirm,alert,prompt函数区别分析_javascript技巧
-
javascript两种function的定义介绍及区别说明_javascript技巧