300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html js 中如何屏蔽div子元素点击事件会触发父元素的点击事件($event.cancelBubble=true;)

html js 中如何屏蔽div子元素点击事件会触发父元素的点击事件($event.cancelBubble=true;)

时间:2022-02-23 03:40:29

相关推荐

html js 中如何屏蔽div子元素点击事件会触发父元素的点击事件($event.cancelBubble=true;)

1. 第一种方法:html中屏蔽父元素的点击事件($event.cancelBubble=true;)

<div (click)="select($event)"> <div (click)="delete(node);$event.cancelBubble=true;"></div></div>

2. 第二种方法:js方法中禁止

<div (click)="select($event)"> <div (click)="delete(node)"></div></div>

select(e){e = e || window.event;if (e.stopPropagation) {e.stopPropagation(); //W3C阻止冒泡方法} else {e.cancelBubble = true; //IE阻止冒泡方法 }}

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