前端$event参数关于位置信息和鼠标信息的所有参数
时间: 2023-11-11 21:02:27 浏览: 44
在前端开发中,$event参数通常用于事件处理函数中,包含了触发事件的相关信息,其中位置信息和鼠标信息的相关参数如下:
位置信息:
1. clientX:鼠标点击位置相对于浏览器窗口左上角的横坐标
2. clientY:鼠标点击位置相对于浏览器窗口左上角的纵坐标
3. pageX:鼠标点击位置相对于整个页面左上角的横坐标
4. pageY:鼠标点击位置相对于整个页面左上角的纵坐标
5. screenX:鼠标点击位置相对于屏幕左上角的横坐标
6. screenY:鼠标点击位置相对于屏幕左上角的纵坐标
鼠标信息:
1. button:鼠标点击的按钮,左键为0,中键为1,右键为2
2. altKey:是否按下了 Alt 键
3. ctrlKey:是否按下了 Ctrl 键
4. shiftKey:是否按下了 Shift 键
5. metaKey:是否按下了 Meta 键,比如 Windows 键或 Command 键
6. target:触发事件的 DOM 元素
7. type:触发的事件类型,比如 click、mousemove 等