# 常用的鼠标事件

# 禁止鼠标右键菜单

1
2
3

document.addEventListener('contextmenu', function(e) {
    e.preventDefault();
})

# 禁止鼠标选中 (selectstart 开始选中)

1
2
3

document.addEventListener('selectstart', function(e) {
    e.preventDefault();
})

# 鼠标事件对象

event 对象代表事件的状态，跟事件相关的一系列信息的集合。现阶段我们主要是用鼠标事件对象 MouseEvent 和键盘事件对象 KeyboardEvent

鼠标事件对象	说明
e.clientX	返回鼠标相对于浏览器窗口可视区的 X 坐标
e.clientY	返回鼠标相对于浏览器窗口可视区的 Y 坐标
e.pageX	返回鼠标相对于文档页面的 X 坐标 IE9 + 支持
e.pageY	返回鼠标相对于文档页面的 Y 坐标 IE9 + 支持
e.screenX	返回鼠标相对于电脑屏幕的 X 坐标
e.screenY	返回鼠标相对于电脑屏幕的 Y 坐标