鼠标事件中各种位置
来源:互联网 发布:ssd主控测试软件 编辑:程序博客网 时间:2024/06/07 05:23
鼠标事件都是在browser中的特定位置发生的,而我们可以通过事件对象event的各种属性获取到鼠标事件发生的位置。
(1)客户区坐标位置
这一位置是相对于视口而言,所谓视口就是你所看到的browser展示页面的大小。不包括browser的菜单栏和滚动条覆盖的部分。
event.clientX; event.clientY;
(2)页面坐标位置(IE8及以下不支持这一属性)
该坐标是相对于页面而言的,页面就是整个网页页面。它包括了滚动条覆盖的页面部分,也不包括browser菜单栏部分。
event.pageX; event.pageY;
a.在无滚动条的情况下,clientX、clientY和pageX、pageY是相同的。
b.若在IE8及以下内想得出页面坐标,则可以使用滚动事件获取滚动信息和客户区坐标
var div=document.getElementById("div");div.attachEvent('onclick',function(event){ var pageX=event.pageX; var pageY=event.pageY; if(pageX==='undefined'){ pageX=event.clientX+(document.body.scrollLeft||document.documentElement.scrollLeft); pageY=event.clientY+(document.body.scrollTop||document.document.documentElement.scrollTop);}})
(3)屏幕坐标
该坐标相对于屏幕左上角而言,也就是说和clientX、clientY相比多了browser的菜单栏部分。
event.screenX;event.screenY
(4)layerX、layerY
这个属性用的相对少点,当元素是绝对定位时(position:absolute),相对于元素自身的左上角定位
event.layerX;event.layerY;
!<–只是个人总结,如有不对的地方,请尽情喷哈哈哈哈哈–>
阅读全文
0 0
- 鼠标事件中各种位置
- 鼠标事件-鼠标位置和鼠标滚轮
- js 各种鼠标事件
- jquery获取各种鼠标位置
- 鼠标事件比较与鼠标位置
- 鼠标事件3-获取鼠标位置
- 鼠标事件的各种属性
- js各种鼠标事件收藏
- TrackEvent 鼠标键盘各种事件
- js获取鼠标位置的各种方法
- js获取鼠标位置的各种方法
- js获取鼠标位置的各种方法
- 鼠标位置Javascript事件详解1
- OSG获取鼠标点选事件的位置
- 鼠标点击不同位置触发的事件
- javascript中鼠标事件
- CSS中鼠标事件。
- WPF中获取鼠标位置
- Java中使用POI导出Excel 之 项目实战详细教程
- Longest Uncommon Subsequence I(leetcode)
- 共享经济发展风口传统广告转型共享广告
- android 多个控件依次执行动画
- Go语言变量
- 鼠标事件中各种位置
- BN算法
- c# winform 关于DataGridView的一些操作(很全,绝对够用)
- Lift Hopping UVA
- rocketmq测试1-rocketmq,2m2s集群搭建
- 关于stm32内存操作
- c++对文件进行操作之读取文件夹下面的图片名称
- 自旋锁原理及java自旋锁
- 顺时针打印矩阵(数组)