                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

事件委托应该委托到哪一级？

事件委托一般委托给哪个祖先元素比较好？

Nevermore3182578

2016-09-22

源自：jQuery基础(三)—事件篇 5-2

关注问题我要回答

2123

操作

收起

4 回答

快乐崇拜tager 回答被采纳 +3 积分
2016-09-22

用js源码来分析事件委托是这样的；

parentElement.click=function(e){ //parentElement委托的父级（点击时执行函数）

var eTarget=e.target || e.srcElement //获取点击的事件目标

if(eTarget.nodeName.toLowerCase=="a"){ //这里的a就是委托的对象；判断如果是a就执行

//在点击对象时会往上冒泡，判断目标事件是不是a元素，直到冒到委托的父级元素；

//因此尽可能的缩小委托的父级范围，这个可以很大程度的提高 js的性能

//个人的一点理解，希望能帮到你

}

5 回复有任何疑惑可以回复我~

收起回答

Nevermore3182578 提问者

这个解释比较好理解，多谢

2016-09-22 回复有任何疑惑可以回复我~

快乐崇拜tager 回复 Nevermore3182578 提问者

呵呵，都加油啦！

2016-09-22 回复有任何疑惑可以回复我~

快乐崇拜tager 回复 Nevermore3182578 提问者

委托的父级可以理解为是触发事件的范围；如果以body或最高级作为委托的父级，由于冒泡的原理，所以不管你点在页面的哪个位置都会执行点击事件（每次点击都会执行并判断是不是委托元素）；如果是鼠标移动事件那不管移到页面哪里都会执行函数并判断；因此还是要缩小父级的委托范围；

2016-09-23 回复有任何疑惑可以回复我~

快乐崇拜tager
2016-09-22

事件冒泡、事件源、加判断构成事件委托！

2 回复有任何疑惑可以回复我~

收起回答

快乐崇拜tager
2016-09-22

当然是最近的祖先元素。

0 回复有任何疑惑可以回复我~

收起回答

编程整个天空
2016-09-22

事件委托就是利用事件冒泡原理，把处理任务委托给父元素或者祖先元素（通常用父元素），我们通过目标对象来判断事件源，并执行事件处理。

0 回复有任何疑惑可以回复我~

收起回答

Nevermore3182578 提问者

这个概念我知道，但是比如给一个div添加点击事件，是委托给div的父级，还是body，或者是document？

2016-09-22 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础(三)—事件篇

参与学习 90003 人
解答问题 625 个

jQuery第三阶段开启事件修炼，掌握对页面进行交互的操作

进入课程

本课相似问答

1 回答机制委托一般用于什么场景

4 回答在委托机制中，this指向的是谁

3 回答说一些我对委托机制的理解，欢迎提出不同的看法？

5 回答不是要采用事件委托吗？为什么不用这样写：$("ul").on('click',‘li',function(e)

1 回答这个委托机制一定是从最里面的那个元素开始向上冒泡吗

搜索更多本课相关问答

事件委托应该委托到哪一级？

我要回答关注问题

热搜

最近搜索清空

事件委托应该委托到哪一级？

4 回答

本课相似问答

事件委托应该委托到哪一级？