一、基础点击事件
这类事件与鼠标按键的按下、释放和点击动作相关:
click:当鼠标左键单击(按下并释放)元素时触发。
dblclick:当鼠标左键双击元素时触发(连续快速点击两次)。
mousedown:当鼠标任意按键(左键、右键、中键)按下时触发,比click更早发生。
mouseup:当鼠标任意按键按下后释放时触发,在mousedown之后、click之前(若完成单击)。
二、鼠标移动与悬停事件
用于追踪鼠标在元素上的位置变化和停留状态:
mousemove:当鼠标指针在元素内部移动时持续触发,可获取实时坐标。
mouseover:当鼠标指针从元素外部移动到元素内部时触发(包括子元素)。
mouseout:当鼠标指针从元素内部移动到元素外部时触发(包括离开子元素)。
mouseenter:当鼠标指针进入元素(不包括子元素)时触发,与mouseover的区别是不会因子元素重复触发。
mouseleave:当鼠标指针离开元素(不包括子元素)时触发,与mouseout的区别是不会因子元素重复触发。
三、滚轮事件
与鼠标滚轮(或触摸板滚动)相关的事件:
wheel:当鼠标滚轮滚动或触摸板滑动时触发,可获取滚动方向和距离(兼容现代浏览器)。
mousewheel:早期浏览器(如 IE)使用的滚轮事件,现已逐渐被wheel替代。
四、右键菜单事件
contextmenu:当用户右键单击元素时触发,通常用于自定义右键菜单(需阻止默认行为)。
五、事件对象属性(补充)
触发鼠标事件时,会伴随一个事件对象(如event),包含关键信息:
clientX/clientY:鼠标相对于浏览器可视区域的坐标。
pageX/pageY:鼠标相对于文档页面的坐标(包含滚动距离)。
screenX/screenY:鼠标相对于屏幕的坐标。
button:表示按下的鼠标按键(0 = 左键,1 = 中键,2 = 右键)。
target:触发事件的元素。
此处评论已关闭