侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 129628 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

js关于子元素不触发父元素事件的若干方法

2024-04-28 星期日 / 0 评论 / 0 点赞 / 2 阅读 / 1219 字

方法一:event.cancelBubble=true; /* 最好用,js通用,event.cancelBubble=true;写在子元素的事件里*/ 当点击子元素的时候,会同时触发此子元素与其父

方法一:event.cancelBubble=true;  

/* 最好用,js通用,event.cancelBubble=true;写在子元素的事件里*/

当点击子元素的时候,会同时触发此子元素与其父元素的点击事件,按照官方的说法,这是事件的浮升,可以使用‘event.cancelBubble=true;‘阻止这种情况

eg. onclick="zuohuafinish();event.cancelBubble=true;"

例如在一个有单击事件的<li>中有一个复选框,如何在点击复选框的时候不触发父元素的单击事件

可以<input type="checkbox" onclick="window.event.cancelBubble=true;">

在input中写入一个单击事件阻止

 

方法二:event.stopPropagation();

/* jquery的方法,event.stopPropagation(); 写在子元素的事件里*/

此方法需要形参。

方法三:return false;  /*会阻止当前的方法*/

广告 广告

评论区