1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > js关于子元素不触发父元素事件的若干方法

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

时间:2023-02-10 16:29:22

相关推荐

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

独角兽企业重金招聘Python工程师标准>>>

方法一:event.cancelBubble=true;

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

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

eg.οnclick="zuohuafinish();event.cancelBubble=true;"

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

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

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

方法二:event.stopPropagation();

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

此方法需要形参。

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。