`

子元素事件触发时不执行父元素的对应事件

    博客分类:
  • JS
阅读更多

如果父元素和子元素同时绑定了同样类型的事件(如click),

点击子元素时,如果不想触发父元素的绑定事件,需要在子元素的时间函数里加入以下语句

e.stopPropagation();

参考代码

$("[name='chk']").click(function(event) {
    event.stopPropagation();
    //省略
    return true;
})

 

 

分享到:
评论

相关推荐

    事件高级用法及兼容写法

    一、事件基础 1.事件函数 obj.on-事件名=fn 定义事件的时候,事件函数不会自动执行,当事件触发的...将事件添加到父元素上,当事件发生时,父元素会找到对应触发事件的子元素去处理,后期添加的子元素,依然有这个事件

    【JavaScript源代码】JavaScript中事件冒泡机制示例详析.docx

    事件捕获(event capturing):通俗的理解就是,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触发父元素绑定...

    powerbuilder

    函数执行成功时返回1,发生错误时返回-1。如果任何参数的值为NULL,PrintDefineFont()函数返回NULL。用法在一个打印作业中,应用程序能够最多同时定义8种字体。当应用程序需要使用更多的字体时,可以在使用了某个...

    k-component-element:基于k分量的分量元素

    mark-commandable 以父元素为载体(host),支持命令模式,任意子元素如果有属性 data-command,则可触发 host 上的对应事件 mark-selectable 以父元素为 host,标记后续兄弟元素为可选择模式 k-selection 一个可用于...

    jbpm安装及使用方法

    jbpm提供了灵活的action ,当流程执行,token 进入node和transition时,会触发相应的一些event(事件)。在这些event上附上我们自己写的action,就会带动action 的执行。action里是我们自己的相关java操作代码,非常...

    深入理解jQuery之防止冒泡事件

    冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 下面是html代码部分: <body> 外层div元素 内层span元素 外层div元素 <div id=msg></div> </body> 对应的jQuery代码如下: ...

    PT80-NEAT开发指南v1.1

    NEAT 程序一般执行过程 ..................................................................................................................... 20 第四章 窗口 ................................................

    C#全能速查宝典

    《C#全能速查宝典》共分为8章,分别介绍了C#语言基础、Windows窗体及常用控件、Windows高级控件、控件公共属性、方法及事件、数据库开发、文件、数据流与注册表、GDI+绘图技术和C#高级编程,共包含562个C#编程中常用...

    超级有影响力霸气的Java面试题大全文档

    当应用程序在对象上调用了一个需要花费很长时间来执行的方法,并且不希望让程序等待方法的返回时,就应该使用异步编程,在很多情况下采用异步途径往往更有效率。 20、abstract class和interface有什么区别? ...

    fcc-drum-machine

    前端图书馆项目-制作鼓机 用户故事: 我应该能够看到一个带有相应id =“ drum-machine”的外部容器,其中包含所有... 当我单击.drum-pad元素时,应触发其子音频元素中包含的音频剪辑。 当我按下与每个.drum-pad相关

    java 面试题 总结

    当应用程序在对象上调用了一个需要花费很长时间来执行的方法,并且不希望让程序等待方法的返回时,就应该使用异步编程,在很多情况下采用异步途径往往更有效率。 17、abstract class和interface有什么区别? 声明方法...

    Lotus公式语言函数简介

    @CheckAlarms 触发闹铃守护程序检查邮件文件中是否有新的闹铃信息 @ClientType 返回文本字符串以从WWW客户机中区分 Notes 客户机 @Command 执行一个 Notes 命令 @Contains 确定某个子串是否包含在一个字符串中 @Cos ...

Global site tag (gtag.js) - Google Analytics