jQuery使用bind绑定多个事件后，怎么判断是触发了哪个事件
其实，只需要在function中传入参数event，然后通过判断event的type值即可，代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="../script/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(function () {
$("h5").bind("mouseover mouseout",function (event) {
if(event.type == 'mouseover'){
console.log('鼠标刚才进来摸了我一下');
}else if (event.type == 'mouseout'){
console.log('鼠标摸完跑路了！');
}
});
$("button").bind("click",function () {
console.log("我被鼠标戳了一下");
});
})
</script>
</head>
<body>
<div>
<h5 style="background-color: #bfa">点我触发绑定事件</h5>
<button>点我触发h5点击事件</button>
</div>
</body>
</html>
在h5上来回滑动，console显示如下：
有兴趣的小伙伴也可以使用console.log把event打印出来看看都有些什么东西。然后自个儿去做其他有趣的实验