事件对象event

掌握JavaScript事件处理:点击、预防与属性详解
本文详细解读JavaScript中事件监听函数,包括click事件的响应、如何使用event对象及其属性,如e.target和e.preventDefault()。了解如何利用这些知识来控制默认行为并优化用户体验。
div.onclick=function(event){}
div.addEventListener('click',function(event){})

event是一个事件对象,写到侦听函数的小括号里,当形参,可自己命名。

事件对象只有有了事件才会存在,是系统自动创建,不需要传递参数。

事件对象是事件的一系列相关数据的集合,与事件相关。鼠标点击事件包含了鼠标的相关信息如坐标等。如果是键盘事件就包含了键盘事件的相关信息,如判断用户按下了哪个键。

事件对象的常见属性和方法
事件对象属性方法说明
e.target返回触发事件的对象(标准)
e.type

返回事件的类型 比如click、mouseover

e.preventDefault()该方法阻止默认事件 比如不让链接跳转
e.stopPropagation()阻止冒泡

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值