事件冒泡&事件捕获
阻止事件冒泡(事件传播)
1、e.cancelBubble=true
2、e.stopPropagation() ——ie研发的
事件的委托
原理:事件冒泡机制
概念:就是把我要做的事情委托给我的传播路径中的某个父元素
通过e.target来判断是不是准备的点击在哪个元素身上
然后通过if条件来判断我需要执行的代码
优点
1、可以大量节省内存占用,减少事件注册,
2、可以实现当新增子对象时,无需进行其时间绑定,对于内容部分尤为合适
缺点
当事件代理的常用应用应该仅限于上述需求,如果把所有事件都用事件代理,可能会出现事件的误判。即本不该被触发事件被绑定上了事件
e.target——目标元素 鼠标点击的那个元素
补充:
浏览器的默认行为
不需要判断浏览器就会执行的代码事件
阻止浏览器默认行为:
1、e.preventDefault()
2、e.returnValue()
3、return false (不推荐使用)
2019/11/26学习JavaScript的第三周的第二天