学习JavaScript也有一段时间,近期才有用博客记录笔记的想法,所以把学习过程中一些小问题作了简单记录。
1、鼠标与滚轮事件:
- 关于客户区坐标位置、页面坐标位置、屏幕坐标位置的区别:
客户区坐标位置
(clientX、clientY):鼠标事件发生时鼠标在浏览器内容区域的坐标,也就是说参照点是浏览器内容区域的左上角。
页面坐标位置
(pageX、pageY):鼠标在整个浏览器内容区域(整个页面)的坐标,所以这个俩个值不会随滚动条移动而变化。
屏幕坐标位置
(screenX、screenY):这个最好理解,就是鼠标相对于整个屏幕坐标,而不再是相对于浏览器
注意
:在页面没有滚动条的情况下,pageX和pageY的值与clientX和clientY的值相等。
页面坐标位置 (pageX、pageY):鼠标在整个浏览器内容区域(整个页面)的坐标,所以这个俩个值不会随滚动条移动而变化。
屏幕坐标位置 (screenX、screenY):这个最好理解,就是鼠标相对于整个屏幕坐标,而不再是相对于浏览器
注意 :在页面没有滚动条的情况下,pageX和pageY的值与clientX和clientY的值相等。