冒泡对其他两种方法的影响怎么解决?
行星饭
2017-08-23 16:14
阻止冒泡只对DOM2级事件处理程序有用,那html事件处理程序和DOM0级事件处理程序的冒泡影响呢?
3回答
-
- 慕UI8429273
- 2019-03-14 21:27:10
都会阻止
-
- 行星饭
- 2017-08-24 16:05:34
这是我的代码,放在编辑器跑一下程序.
<!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 13:34:43
那两个不冒泡吧
DOM事件探秘
99544 学习 · 1197 问题
相似问题