基于js中this和event 的区别(详解)

文章来自：https://www.jb51.net/article/126576.htm

onclick = changeImg(this)       vs     onclick = changeImg(event)

1.this是Javascript语言的一个关键字。

2.this代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。

3.event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

4.this和event.target的区别：

js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化（在事件触发时，只传递当前event对象的引用），它永远是直接接受事件的目标DOM元素；

另外，this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target);

 

实例：获取img元素的src属性

<img src='usa.gif' onclick="GetImgSrc(event)" />
<script>
　　function GetImgSrc(e) {
　　　　var el = e.target;
　　    console.log(el.src);//usa.gif
　　}
</script>