老师解答一下，JS里的this跟e.target的区别

你好同学，举一个小例子来区分它们，如下：

如上给父元素box绑定了一个点击事件，在输出中输出this和e.target。然后在浏览器中我们点击子元素inner，输出的结果如下：

当我们把事件绑定在子元素inner上面，再次点击子元素，结果输出如下：

所以区别也就可以总结出来了：

1.this它是会变化的，也就是它指向的是事件调用者，谁绑定了这个点击事件，它就指向谁。所以即使点击子元素，只要事件是绑定在父元素上，它输出的就是父元素。

2.e.target它永远指向触发事件的源对象，即点击谁，它指向的就是谁。所以不管事件给谁绑定，只要点击的是子元素，它输出的就是子元素哦。

祝学习愉快，望采纳。