jQuery事件对象常用的属性和方法

event.type:获取事件的类型

触发元素的事件类型

$("a").click(function(event) {
  alert(event.type); // "click"事件
});

event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标

通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(左边)与 (顶边)的距离,简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化。

event.preventDefault() 方法:阻止默认行为

这个用的特别多,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了。

event.stopPropagation() 方法:阻止事件冒泡

事件是可以冒泡的,为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数。

event.which:获取在鼠标单击时,单击的是鼠标的哪个键

event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents),左键报告1,中间键报告2,右键报告3。

event.currentTarget : 在事件冒泡过程中的当前DOM元素

冒泡前的当前触发事件的DOM对象, 等同于this。

this和event.target的区别:

js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
.this和event.target都是dom对象,如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和(this)的使用、event.target和(event.target)的使用。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 早晨在鞭炮声中被惊醒,才意识到,小年来了。那么,大年还会远么?小的时候特别盼望过年,过年有新衣服,压岁钱,...
    大圆圆圈阅读 213评论 0 0
  • 五个70后 聚在了一起 没有喝酒 没有看手机 而是沿着时间隧道 往回走 走向了田野 走向了月光 走向了秋收 走向了...
    鲁白茶阅读 269评论 0 1
  • 1.是什么成就了你 是现在,是今天,你做了哪些事情。如果你过得不好,也是因为你自己。 2.会分手又怎样 未来无法估...
    把快乐带给你阅读 223评论 2 1
  • 。 我的孤独正在和我相伴约定一起进入梦乡。。
    咸魚阅读 295评论 0 0
  • 1.安装nginx,默认情况下ssl模块并未被安装,如果要使用该模块则需要在编译时指定–with-http_ssl...
    落落落落大大方方阅读 836评论 0 0

友情链接更多精彩内容