请选择 进入手机版 | 继续访问电脑版
切换风格

Sunset glow Snow NewYear London Flowers Wizard California Cloud Sky Lavender City Black Beige Dragon
12下一页
JS事件流[复制链接]
发表于 2020-6-30 04:45:59 | 显示全部楼层 |阅读模式
标签:无需 意思 监听 当前 事件 bool
流:就是流向,有方向的的意思,比如单向数据流.
事件流:就是事件的流向,当事件发生时,响应事件的顺序,是从里向外流,还是从外向里流.
其中自然响应事件的顺序也是从里向外的,事件冒泡流也是大部分浏览器采用的默认方式
JS事件流分为三个阶段   

    1,事件捕获阶段。
    2,处于目标阶段。
    3,事件冒泡阶段。
事件冒泡:由目标元素上所产生的动作为事件触发源,然后事件层层向其父代递交,直至到document节点,期间可能产生连锁的事件触发.(由下到上,有具体元素到抽象元素)
处于目标阶段:就是事件的具体触发元素
事件捕获阶段:和事件冒泡相反.由上到下,抽象元素到具体元素
事件捕获的优先级比事件冒泡优先级要高,如果一个dom既绑定了捕获又绑定了冒泡,优先执行捕获事件
给一个dom绑定一个dom事件
w3c标准:

dom.addEventListenter("事件名","事件函数",boolean),
boolean为true或者false,默认为false,true表示捕获,false表示冒泡

ie不做讨论
阻止事件冒泡:event.stopPropagation()
阻止默认事件:event.preventDefault()
应用:事件代理
事件代理别名事件委托:把原本需要绑定到当前子元素上面的事件绑定到了父级身上,让父级去监听事件,利用了事件冒泡原理
事件委托的优点
1.一般的一个父级都会有很多个子级元素,将子级上的每个事件函数都是一个对象,对象都是占用内存的,利用事件委托,将所有事件都绑定到了父级,减少了减少事件注册.也就减少了内存
2.可以实现当新增子元素对象时无需再次对其绑定事件,因为委托给了父级(动态绑定事件)减少重复性工作.
JS事件流
标签:无需 意思 监听 当前 事件 bool
回复

使用道具 举报

191

主题

1283

帖子

2757

积分

金牌会员

Rank: 6Rank: 6

积分
2757

论坛新星

发表于 2020-6-30 17:29:55 | 显示全部楼层
为毛老子总也抢不到沙发?!!
回复

使用道具 举报

7

主题

1094

帖子

2195

积分

金牌会员

Rank: 6Rank: 6

积分
2195
发表于 2020-7-10 19:59:00 | 显示全部楼层
大人,此事必有蹊跷!
回复

使用道具 举报

发表于 2020-7-10 21:47:37 | 显示全部楼层
有空一起交流一下
回复

使用道具 举报

发表于 2020-7-10 22:14:54 | 显示全部楼层
……
回复

使用道具 举报

5

主题

1084

帖子

2173

积分

金牌会员

Rank: 6Rank: 6

积分
2173
发表于 2020-7-10 22:31:21 | 显示全部楼层
是爷们的娘们的都帮顶!大力支持
回复

使用道具 举报

发表于 2020-7-10 22:39:15 | 显示全部楼层
看起来不错
回复

使用道具 举报

发表于 2020-7-10 22:41:20 | 显示全部楼层
支持支持再支持
回复

使用道具 举报

发表于 2020-7-10 22:45:38 | 显示全部楼层
我只是路过,不发表意见
回复

使用道具 举报

发表于 2020-7-10 23:49:01 | 显示全部楼层
站位支持
回复

使用道具 举报

点击右侧快捷回复 【吾爱分享www.52fenxiang.top】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|吾爱分享-享你所想 ( 黔ICP备18007665号-2 )|网站地图

GMT+8, 2020-8-4 01:25 , Processed in 0.104772 second(s), 64 queries .

Powered by 52Fenxiang.Top

© 2001-2020 Comsenz Inc.

返回顶部