js中事件流、事件冒泡、事件监听、事件委托相关问题总结

1、事件流

当触发某个事件时 从子元素到父元素或者从父元素到子元素的触发过程 成为 事件流
事件流有两种模式 :
事件冒泡 从子元素向父元素触发
事件捕获 从父元素向子元素触发
//实测
事件流测试

事件流图解事件流图解

2、事件冒泡(重要)

当触发某个事件时,同样的事件会向父元素触发,这种现象就叫做事件冒泡
阻止事件冒泡 :

e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;

不是所有的事件都会产生冒泡现象 ,一般会产生冒泡现象常用事件 :onclick onmouseover onkeyup onkeydown
不会产生冒泡的行为的事件 : onload onfocus(获取焦点)onblur(失去焦点)
//阻止冒泡实测
阻止冒泡实测
//联级菜单的运用

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值