常见的鼠标事件

常见的鼠标事件有：单击、双击、鼠标移动上去、鼠标离开、鼠标按下、按下后松开、获取焦点、失去焦点等几类。每个事件的写法也都有很多种。
为了方便，我是引入jQuery库进行操作的。

1、单击

写法1：直接使用

单击

写法2：js调用

单击

写法3：封装函数

单击

2、双击

写法1：

双击

写法2：

双击

写法3：

双击

3、鼠标移动上去

写法1：

鼠标移动上去

写法2：

鼠标移动上去

写法3：

鼠标移动上去

4、鼠标离开

写法1：

鼠标离开

写法2：

鼠标离开

写法3：

鼠标离开

5、鼠标按下

写法1：

鼠标按下

写法2：

鼠标按下

写法3：

鼠标按下

6、鼠标松开

写法1：

鼠标松开

写法2：

鼠标松开

写法3：

鼠标松开

7、获取焦点

写法1：

写法2：

$('input').focus(function () {
      alert("获取焦点");
  });

写法3：

function jiandian() {
        alert("获取焦点");
    }

8、失去焦点

写法1：

写法2：

$('input').blur(function () {
      alert("失去焦点");
  });

写法3：

function jiandian() {
        alert("失去焦点");
    }

附件：点击 jQuery v3.3.1 复制保存或直接连接网络版本：