JavaScript鼠标事件
在JavaScript中,定义了9个鼠标相关的事件。如下表所示:
鼠标事件属性
鼠标位置可以通过鼠标事件相应的属性获取鼠标事件发生时的鼠标位置:修改键
在鼠标执行动作时,相关的其它键盘按键可能会影响最终的鼠标事件的行为,Javascript为鼠标事件对象提供了检测如下键盘按键的属性:shiftKey、ctrlKey、altKey以及metaKey(windows home键)。这些属性为true,表示对应按键按下,否则为false.
3.相关元素
在mouseout事件中,相关元素relatedTarget表示获得光标的元素引用;而在mouseover事件中,相关元素relatedTarget表示失去光标的元素引用。
JavaScript鼠标滚轮事件
鼠标滚轮事件在用鼠标滚轮向上或向下浏览页面时会触发,该事件冒泡,故可以window或者document对象上捕获该事件。该事件对象除具备鼠标事件所具有的属性之外(位置信息,修改键),还具有用于表示滚轮滚动方向的属性wheelDelta,以Microsoft Edge浏览器为例,向上浏览页面时,该属性为120,而向下浏览页面时,该属性为-120。