获取鼠标位置坐标
2017-11-21 21:08
309 查看
如何实现鼠标移动,实时显示光标的位置?
关于获取鼠标位置坐标有三种方法:
1.客户区坐标位置
事件对象的clientX和clientY这两个属性保存着这个位置的信息,所有浏览器都支持这两个属性。
当鼠标在div上滑动时,显示光标实时位置坐标。这两个属性不包括页面滚动的距离,因此这个位置并不表示鼠标在页面的上的位置。
2 页面坐标位置
这个例子我将html页面上加了很多换行符< /br >,使页面出现滚动条,此时,pageX pageY这两个值是相对页面最顶端的距离。也就是说把滑块往下拉时,pageY会一直增大。
3 屏幕坐标位置
这个位置是相对整个电脑屏幕的 位置。
关于获取鼠标位置坐标有三种方法:
1.客户区坐标位置
事件对象的clientX和clientY这两个属性保存着这个位置的信息,所有浏览器都支持这两个属性。
//客户区坐标位置 /*div.onmousemove=function(event){ //alert("qwe"); var xzb=event.clientX; var yzb=event.clientY; text1.value="x坐标:"+xzb+"y坐标:"+yzb; }*/
当鼠标在div上滑动时,显示光标实时位置坐标。这两个属性不包括页面滚动的距离,因此这个位置并不表示鼠标在页面的上的位置。
2 页面坐标位置
//页面坐标位置 /*div.onmousemove=function(event){ //alert("qwe"); var xzb=event.pageX; var yzb=event.pageY; text1.value="x坐标:"+xzb+"y坐标:"+yzb; }*/
这个例子我将html页面上加了很多换行符< /br >,使页面出现滚动条,此时,pageX pageY这两个值是相对页面最顶端的距离。也就是说把滑块往下拉时,pageY会一直增大。
3 屏幕坐标位置
//屏幕坐标位置 /*div.onmousemove=function(event){ //alert("qwe"); var xzb=event.screenX; var yzb=event.screenY; text1.value="x坐标:"+xzb+"y坐标:"+yzb; }*/
这个位置是相对整个电脑屏幕的 位置。
相关文章推荐
- js获取鼠标坐标位置兼容多个浏览器
- [JavaScript]获取鼠标点击区域的相对、绝对位置坐标
- 【JS温故知新】之——给力的鼠标坐标位置获取
- 使用js获取鼠标位置坐标
- 获取事件目标对象的位置坐标或者鼠标位置坐标(兼容IE和火狐)
- 基于JavaScript实现 获取鼠标点击位置坐标的方法
- JavaScript 获取鼠标点击位置坐标
- MFC 获取picture控件的鼠标点击坐标位置的方法
- 在skyline中获取当前鼠标的位置坐标,屏蔽右键菜单
- 转 JavaScript 获取鼠标点击位置坐标
- 获取鼠标实时位置坐标
- 获取鼠标在图片坐标位置的小例子
- (java)获取鼠标位置坐标
- 获取鼠标消息响应时的坐标位置应该注意的几个宏
- 在PV3D中获取鼠标点击位置的空间坐标信息
- 【JS温故知新】之——给力的鼠标坐标位置获取(转)
- 获取事件目标对象的位置坐标或者鼠标位置坐标(兼容IE和火狐)
- JavaScript 获取鼠标点击位置坐标
- js获取鼠标点击位置坐标
- MFC 获取picture控件的鼠标点击坐标位置的方法