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

this和event.target。的区别

this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素；

这个课程里面是不是写错了 this应该是不变的啊 event.target是改变的啊

请指教下，谢谢！！！

慕勒8167199

2018-06-26

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

关注问题我要回答

1720

操作

收起

2 回答

ckdxc 回答被采纳 +2 积分
2018-06-28

我的理解是 this 是指通过 $() 来的而event.target 是从事件里的

例如 $('ul') this 就是 ul 然后点击了 ul 下的 li 触发出了 event.target 这个 this 不会变 event.target 是由事件发生者来的可变

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

收起回答

慕勒8167199 提问者

非常感谢！

2018-07-03 回复有任何疑惑可以回复我~

ckdxc 回复慕勒8167199 提问者

不好意思我不懂了能不能给我讲解下

2018-08-04 回复有任何疑惑可以回复我~

好吃的蛋包饭回复 ckdxc

可以看一下我在下面的答案

2018-08-05 回复有任何疑惑可以回复我~

好吃的蛋包饭
2018-08-05

前面说的不太对，在事件处理程序内部，this始终等于event.currentTarget，而event.target只包含事件的实际目标。

如果直接将事件处理程序制定给了目标元素，那么this、currentTarget、target指向是相同的。如鼠标单击事件，$(#btn).click(function(){…………}）由于click事件的目标是按钮，事件处理程序也制定给了按钮，所以三个值相同。
如果事件处理程序存在于按钮的父节点中，那么值是不同的。例如：
$(body).click(function() {………………}）那么此时点击按钮元素，this和event.currentTarget都指向document.body，event.target指向按钮元素。