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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战