2021-03-03 jQuery 中事件对象的冒泡/阻止冒泡

最新推荐文章于 2022-03-04 18:05:35 发布

nnnnnnn3

最新推荐文章于 2022-03-04 18:05:35 发布

阅读量99

点赞数

本文链接：https://blog.csdn.net/nnnnnnn3/article/details/114378924

版权

<body>
<button class="btn1">1</button>
<div class="box">
    <button class="box">box</button>
</div>
<style>
    div.box {
        width: 100px;
        height: 100px;
        border: 1px solid #2ae6ff;
    }
</style>
<script src="./库/jquery-3.5.1.js"></script>
<script>
    $(".btn1").click(function (e) {
        //e.data :事件传递参数的数据 在 e.data 上
        //currentTarget  等价  js里的 e.target
        //e.delegateTarget  等价 currentTarget

        //e.preventDefault :阻止事件默认行为
        //e.stopPropagation :阻止事件冒泡
        //e.isDefaultPrevented :检测是否调用过 e.preventDefault 返回 true / false
        //e.isPropagationStopped :检测是否调用过 e.stopPropagation 返回 true / false

        //e.timeStamp :触发事件的时间

        //e.which :按键的键值 鼠标:1  键盘:相对应的键值(ASCII码)
    })
    $(document).keypress(function (e) {
        console.log(String.fromCharCode(e.which));
    });

    //jQuery处理事件冒泡
    var count = 0;
    $(".box").click(function (e) {
        count++;

        console.log(count);

        //方法1: return false;
        // return false;

        //方法2: e.stopPropagation()
        e.stopPropagation();
        
        //方法3: e.originalEvent.cancelBubble = true;
    })
    
    
</script>
</body>

nnnnnnn3

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

2021-03-03 jQuery 中 事件对象的冒泡/阻止冒泡

2021-03-03 jQuery 中事件对象的冒泡/阻止冒泡