javascript - JS中的事件冒泡
本文介绍了javascript - JS中的事件冒泡的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
冒泡 捕获概念性的东西了解了，一直不知道有什么作用。因为以前直接获取dom元素，添加事件也没发现什么点一个按钮，其父级也没什么改变啊。虽然早就知道冒泡捕获，实际应用中也没出什么乱子，所以昨天才仔细看一遍。就有些不理解了，请看下面的例子两种形式添加均没变化，点击btn就是btn弹出你好，box什么也不显示
请输入代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="box">
<input type="button" value="按钮1" id="btn1" />
</div>
<script>
window.onload=function(){
var btn1=document.getElementById("btn1");
var box=document.getElementById("box1");
// btn1.onclick=function(){
// alert("你好");
// };
// box.onclick=function(){
// alert("hellow world")
// }
btn1.addEventListener("click",function(){alert("你好")},false);
box.addEventListener("click",function(){alert("hellow world")},false);
}
</script>
</body>
</html>
解决方案
代码写错了。
var box=document.getElementById("box");如果效果没实现，查找错误第一部是看浏览器有没有报错。chrome下F12。这种小错误比你一步一步看代码快很多。
这样你就可以自己发现这类简单问题，再自己思考了。
这篇关于javascript - JS中的事件冒泡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
