为了账号安全,请及时绑定邮箱和手机立即绑定

JS中的事件冒泡

JS中的事件冒泡

有只小跳蛙 2018-09-18 09:09:47
冒泡 捕获概念性的东西了解了,一直不知道有什么作用。因为以前直接获取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>
查看完整描述

1 回答

?
至尊宝的传说

TA贡献1789条经验 获得超10个赞

代码写错了。

var box=document.getElementById("box");

如果效果没实现,查找错误第一部是看浏览器有没有报错。chrome下F12。这种小错误比你一步一步看代码快很多。
https://img1.sycdn.imooc.com//5bbd8be50001d31517250127.jpg

这样你就可以自己发现这类简单问题,再自己思考了。


查看完整回答
反对 回复 2018-10-10
  • 1 回答
  • 0 关注
  • 429 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信