JQuery中的事件对象

本文介绍了jQuery中的事件对象,如何解决浏览器兼容性问题并提供便利的属性和方法。详细讨论了event对象的type、data、target、currentTarget、relatedTarget等属性,以及stopPropagation()和preventDefault()方法用于阻止冒泡和默认行为。此外,还举例说明了如何在事件处理中获取触发元素的位置和识别鼠标与键盘按键。
摘要由CSDN通过智能技术生成

对于原生事件对象,由于浏览器的差异,开发者总是需要做兼容性的处理;为了解决这个问题,jquery封装了自己的事件对象,解决了原生事件对象的兼容性问题,还另外提供了很多新的属性和方法。

内容提纲:

1.事件对象

2.冒泡和默认行为

JavaScript 在事件处理函数中默认传递了 event 对象,也就是事件对象。但由于浏览器的兼容性,开发者总是会做兼容方面的处理。jQuery 在封装的时候,解决了这些问题,并且还创建了一些非常好用的属性和方法。

一.事件对象

事件对象就是 event 对象,通过处理函数默认传递接受。之前处理函数的 e 就是 event事件对象,event 对象有很多可用的属性和方法,详见JavaScript 基础篇。

image

移动端touchEvent事件,在Jquery被封装在originalEvent属性中,调用方法,例如:e.originalEvent.touches[0].clientX;

原因: js事件有很多种:

鼠标事件:mouseEvent

触摸与手势事件:touchEvent

焦点事件:FocusEvent

键盘事件:keyboardEvent

等等,还有很多事件类型。在jquery中不同的事件类型被指向新的属性origi

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值