常用鼠标事件

常用的鼠标事件#

鼠标事件	触发条件
onclick	鼠标点击左键
onmouseover	鼠标经过
onmouseout	鼠标离开
onfocus	获得鼠标焦点
onblur	失去鼠标焦点
onmousemove	鼠标移动
onmouseup	鼠标弹起
onmousedown	鼠标按下

常用的鼠标事件#

禁止鼠标右键菜单#

contextmenu主要控制应该何时显示上下文菜单，主要用于程序员取消默认的上下文菜单

禁止鼠标选中（selectstart开始选中）#

这段测试文本已被禁用右键菜单，也禁止鼠标选中

鼠标经过事件区别#

mouseover 和 mouseout 会有冒泡效果

mouseenter 和 mouseleave 没有冒泡效果（推荐）

鼠标事件对象#

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

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

鼠标点击document，控制台打印坐标信息