javascript 阻止事件元素默认行为和传播(冒泡)

最新推荐文章于 2023-08-08 22:51:03 发布

原创最新推荐文章于 2023-08-08 22:51:03 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

Javascript/HTML/CSS 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用JavaScript为DOM元素添加点击事件的方法，并演示了如何阻止事件的默认行为及冒泡。通过具体代码示例，展示了如何获取触发事件的目标元素，并提供了不同浏览器间的兼容性解决方案。


document.getElementById('id').onclick = function(e){
	e = e || window.event;
	var target = e.target || e.srcElement;

	// do something

	//prevent default action
	if(typeof e.preventDefault === 'function'){
		e.preventDefault();
		e.stopPropagation();
	}else{
		e.returnValue = false;
		e.cancelBubble = true;
	}
}