我是靠谱客的博主 乐观板栗,最近开发中收集的这篇文章主要介绍2022-06-20 js点击事件嵌套,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

需求:现有多个列表(li),li有点击事件跳转,li中有一个删除a

问题:li中嵌套着a,所以会导致点击a的事件后继续执行li的跳转事件

解决:event.stopPropagation();

//点击删除
        $('li').on("click", "#delete", function (event) {
            //阻止事件冒泡到父元素
            event.stopPropagation();
        })

阻止事件冒泡到父元素

最后

以上就是乐观板栗为你收集整理的2022-06-20 js点击事件嵌套的全部内容,希望文章能够帮你解决2022-06-20 js点击事件嵌套所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(63)

评论列表共有 0 条评论

立即
投稿
返回
顶部