事件冒泡和捕获之间有什么区别?在这两个中,哪个是更快更好的模型?
我想停止将div的onclick事件传播到文档中?当用户点击"div"时,两个警报都会出现:1)div的警报和2)文档的警报.我想压制文档警报.
我知道如何使用addEventListener来实现它,但还有另一种方法吗?下面的问题是我不知道如何得到事件 - 我尝试了"event = element.onclick",如下所示,但这不起作用.我如何参加活动?
<head>
<script>
function showMenu(element) {
alert("div clicked");
event = element.onclick; // HOW TO GET HOLD OF THE EVENT?
// Don't propogate the event to the document
if (event.stopPropagation) {
event.stopPropagation(); // W3C model
} else {
event.cancelBubble = true; // IE model
}
}
document.onclick = function() {
alert('document clicked');
};
</script>
</head>
<body>
<div id="foodmenu" onclick="showMenu(this);">Click inside this div</div>
or click outside the div.
</body>
Run Code Online (Sandbox Code Playgroud)