冒泡對其他兩種方法的影響怎么解決?
阻止冒泡只對DOM2級事件處理程序有用,那html事件處理程序和DOM0級事件處理程序的冒泡影響呢?
行星飯
2017-08-23
3 回答
舉報
0/150
提交
取消
2019-03-14
都會阻止
2017-08-24
這是我的代碼,放在編輯器跑一下程序.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
? ? ? ? ?<input type="button" value="按鈕" id="btn" onclick="show()">
? ? ? ? ?<input type="button" value="按鈕2" id="btn2">
? ? ? ? ?<input type="button" value="按鈕3" id="btn3">
? ? ? ? ?<a href="event.html" id="go">跳轉</a>
? ? ? </div>
</body>
<script type="text/javascript">
// html
function show(){
alert('hello');
// event.stopPropagation();
}
// DOM0級
var btn2 = document.getElementById("btn2");
btn2.onclick = function(){
alert('nihao');
}
// DOM2級
var btn3 = document.getElementById("btn3");
btn3.addEventListener('click',showbtn3,false);
function showbtn3(event){
alert('btn3');
event.stopPropagation();
}
var box = document.getElementById("box");
box.addEventListener('click',showbox,false);
function showbox(){
alert('這是最外層的容器');
}
</script>
</html>
2017-08-24
那兩個不冒泡吧