JS代码实现状态栏显示鼠标位置

当前所在位置: 首页 > 数码科技 > 正文

JS代码实现状态栏显示鼠标位置

2024-06-08 本站作者【字体：大中小】

实例名称

状态栏显示鼠标位置

实例描述

为了让DIV层可以跟随鼠标，层的控制通常需要获取鼠标的位置。本例学习如何获取鼠标的X和Y坐标。

实例代码

html xmlns="" headtitle标题页/titlescript language=javascript//移动鼠标的方法function moveeif var x=e.pageX; var y=e.pageY;if var x=event.x; var y=;status="x:"+x+" y:"+y; //组合鼠标的x，y坐标 = move; //鼠标移动时绑定move方法if ;/script/headbody/body/html

运行效果

难点剖析

本例的重点Event对象，其用来描述JavaScript的事件。Event对象的“x”属性用来获取鼠标指针位置相对于窗口客户区域的x坐标，其中客户区域不包括窗口自身的控件和滚动条。Event对象的“y”属性表示y坐标。

源码下载

阅读全文