jQuery使用bind绑定多个事件后，怎么判断是触发了哪个事件

最新推荐文章于 2023-05-24 20:05:56 发布

Keeling1720

最新推荐文章于 2023-05-24 20:05:56 发布

阅读量309

点赞数 1

分类专栏： JavaScript JavaWeb

本文链接：https://blog.csdn.net/weixin_44741023/article/details/118381441

版权

JavaWeb 同时被 2 个专栏收录

41 篇文章 0 订阅

订阅专栏

JavaScript

32 篇文章 3 订阅

订阅专栏

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打印出来看看都有些什么东西。然后自个儿去做其他有趣的实验

Keeling1720

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery使用bind绑定多个事件后，怎么判断是触发了哪个事件

jQuery使用bind绑定多个事件后，怎么判断是触发了哪个事件其实，只需要在function中传入参数event，然后通过判断event的type值即可，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="
复制链接

扫一扫