0
点赞
收藏
分享

微信扫一扫

JS事件对象

seuleyang 2022-04-14 阅读 97
javascript

什么是事件对象

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

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

事件对象本身的获取存在兼容问题:
  1. 标准浏览器中是浏览器给方法传递的参数,只需要定义形参 e 就可以获取到。
  2. 在 IE6~8 中,浏览器不会给方法传递参数,如果需要的话,需要到 window.event 中获取查找。
  3. 兼容性的写法 e=e || window.event
    事件对象的常见属性和方法在这里插入图片描述
    常见的鼠标事件
    在这里插入图片描述
    常见的鼠标事件对象
    在这里插入图片描述
    常见的键盘事件
    在这里插入图片描述
    三个事件的执行顺序 keydownkeypresskeyup
    在我们实际开发中,我们更多的使用keydownkeyup, 它能识别所有的键(包括功能键),但是keydownkeyup 不区分字母大小写,keypress 区分字母大小写。

我们可以用键盘事件对象属性KeyCode返回该键的ASCII值。
keyCode属性能区分大小写,返回不同的ASCII值

举报

相关推荐

0 条评论