1.问题描述
双击添加生词双击文章栏目中的单词可以添加到生词栏目中,我们可以给每个单词添加一个dblclick事件,那么这里就存在给很多个元素添加相同事件的效率问题。
2.事件代理的理念
就像上面问题描述的一样,需要给每个单词都添加一个事件,这样效率太低,那有没有一个办法,我只给一个元素添加事件,但是在触发这个事件的时候也会映射到相应的单词上?答案是肯定的,这里我们就会引出另一个概念,事件冒泡和事件捕获,而所谓的事件代理也只是冒泡与捕获的一个应用!下面给出简单的例子:
事件的捕获与冒泡行为下面应用W3官网上的一张图
事件代理的应用
冒泡阶段使用事件代理 捕获阶段使用事件代理3.focus/blur以及focusin/focusout的区别
从上图可以focusin/focusout支持事件冒泡,focus/blur不支持
网友评论