这个参数到底指的是谁？

Question

这里边传的参数e到底指的是谁，什么作用，好迷惑呀

$("ul").on('click',function(e){
    console.log(e);
   alert('触发的元素是内容是: ' + e.target.textContent)
});

Answer 1

指的是触发事件本身，是一个对象，作用也是非常明显的，我们可以取到它的很多属性，用于代码逻辑。

属性名                          描述
type                获取这个事件的事件类型，例如：click
target              获取绑定事件的DOM 元素
data                获取事件调用时的额外数据
relatedTarget       获取移入移出目标点离开或进入的那个DOM 元素
currentTarget       获取冒泡前触发的DOM 元素，等同与this
pageX/pageY         获取相对于页面原点的水平/垂直坐标
screenX/screenY     获取显示器屏幕位置的水平/垂直坐标(非jQuery 封装)
clientX/clientY     获取相对于页面视口的水平/垂直坐标(非jQuery 封装)
result              获取上一个相同事件的返回值
timeStamp           获取事件触发的时间戳
which               获取鼠标的左中右键(1,2,3)，或获取键盘按键
altKey/shiftKey/ctrlKey/metaKey 获取是否按下了alt、shift、ctrl或 meta 键

更多查看你打印的对象即可。

Answer 2

这个参数是当你点击的时候，会根据之前的绑定，调用你绑定的回调函数，调用这个回调函数的时候传入的这个参数e，就是点击事件本身。

Answer 3

event 事件对象
https://developer.mozilla.org...

Answer 4

一个对象，这个对象是触发当前事件的一些相关属性的集合

Answer 5

里面是很实用的信息，比如你点击的时间，点击的元素，点击的位置，点击的事件类型