鼠标事件的常用方法
鼠标是计算机的一种输入设备，也是计算机显示系统纵横坐标定位的指示器，所以鼠标事件是Web开发中最常用的一类事件。例如，鼠标指针滑过时，切换Tab栏显示的内容；利用鼠标拖曳状态框，调整显示位置等，这些常见的网页效果都会用到鼠标事件。下面我们来列举几个常见的鼠标事件，如表1所示。
表1 鼠标事件
| 事件名称 | 事件触发时机 |
|---|---|
| onclick | 单击鼠标左键时触发 |
| onfocus | 获得鼠标指针焦点触发 |
| onblur | 失去鼠标指针焦点触发 |
| onmouseover | 鼠标指针经过时触发 |
| onmouseout | 鼠标指针离开时触发 |
| onmousedown | 当按下任意鼠标按键时触发 |
| onmouseup | 当释放任意鼠标按键时触发 |
| onmousemove | 在元素内当鼠标指针移动时持续触发 |
表1中列举的这些鼠标事件的使用都非常简单，读者可以自行尝试使用。在项目开发中，有时还会用到contextmenu和 selectstart这两个事件，下面我们分别进行详解。
1. 禁止鼠标右击菜单
contextmenu主要控制应该何时显示上下文菜单，主要应用于程序员取消默认的上下文菜单，示例代码如下。
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
});2. 禁止鼠标选中
selectstart事件是鼠标开始选择文字时就会触发，如果禁止鼠标选中，需要禁止该事件的默认行为，示例代码如下。
document.addEventListener('selectstart', function (e) {
e.preventDefault();
});
点击此处
隐藏目录
隐藏目录
