js事件对象

在触发DOM上的某个事件的时候，会产生一个事件对象event，而在这个对象当中会包含着所有与事件有关的信息。

  eventTarget.onclick = function(event) {} 
  eventTarget.addEventListener('click', function(event) {}）

这个 event 就是事件对象，我们还喜欢的写成 e 或者 evt ，现在一般写 e。
官方解释：event 对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。
简单理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象 event，它有很多属性和方法。

事件对象本身的获取存在兼容问题：
标准浏览器中是浏览器给方法传递的参数，只需要定义形参 e 就可以获取到。
在 IE6~8 中，浏览器不会给方法传递参数，如果需要的话，需要到 window.event 中获取查找。
兼容性的写法 e=e || window.event
事件对象的常见属性和方法

事件对象其中有两个信息，我们最为常用，分别是type和target：

type表示的是被触发事件的类型；
target表示的是事件的目标。

其他：
bubbles：表示事件是否冒泡
cancelable：表示是否可以取消事件的默认行为
currentTarget：表示事件处理程序当前正在处理事件的那个元素
defaultPrevented：表示是否调用了preventDefault()
detail：表示的是与事件相关的细节信息
eventPhase：调用事件处理处理程序的阶段：1表示捕获阶段、2表示处于目标、3表示冒泡阶段。
原文链接：https://blog.csdn.net/muguli2008/article/details/52750837


常见的鼠标事件


常见的鼠标事件对象


常见的键盘事件

三个事件的执行顺序 keydown – keypress – keyup
在我们实际开发中，我们更多的使用keydown和keyup， 它能识别所有的键（包括功能键），但是keydown 和 keyup 不区分字母大小写，keypress 区分字母大小写。
我们可以用键盘事件对象属性KeyCode返回该键的ASCII值。
keyCode属性能区分大小写，返回不同的ASCII值

原文链接：https://blog.csdn.net/qq_48439911/article/details/124153552