(5)jQuery篇 —— jQuery的事件与事件对象②

1. 事件对象

(1) event.currentTarget : 在事件冒泡阶段中的当前DOM元素。

(2) event.data : 前执行的处理器被绑定的时候,包含可选的数据传递给jQuery.fn.bind。

(3) event.delegateTarget : 此属性是最经常有用是通过过 .delegate() 或 .on() 附加委派的事件,事件处理程序附加在正在处理的元素的祖先上。它可用于,例如,指明委派识别和删除事件处理程序。

(4) event.isDefaultPrevented() : 根据事件对象中是否调用过 event.preventDefault() 方法来返回一个布尔值。

(5) event.isImmediatePropagationStopped() : 根据事件对象中是否调用过 event.stopImmediatePropagation() 方法来返回一个布尔值。

(6) event.isPropagationStopped() : 根据事件对象中是否调用过 event.stopPropagation() 方法来返回一个布尔值。

(7) event.namespace : 当事件被触发时此属性包含指定的命名空间。

(8) event.pageX : 鼠标相对于文档的左边缘的位置。

(9) event.pageY : 鼠标相对于文档的左边缘的位置。

(10) event.preventDefault() : 阻止默认事件行为的触发。

(11) event.relatedTarget :在事件中涉及的其它任何DOM元素。对于 mouseout 事件,它指向被进入的元素;对于 mousein 事件,它指向被离开的元素。

(12) event.result : 这个属性包含了当前事件事件最后触发的那个处理函数的返回值,除非值是 undefined 。

(13) event.stopImmediatePropagation() : 阻止剩余的事件处理函数执行并且防止事件冒泡到DOM树上。

(14) event.stopPropagation() : 防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数。

(15) event.target : 最初触发事件的DOM元素。

(16) event.timeStamp : 这个属性返回事件触发时距离1970年1月1日的毫秒数。

(17) event.type : 点击所有锚点后弹出事件类型。

(18) event.which : 针对键盘和鼠标事件,这个属性能确定你到底按的是哪个键或按钮。

这里的事件对象看起来真的是晦涩难懂,如果以后用到了再回头看吧。我现在在想,虽然jQuery被淘汰了,但它的思想确实引领了一个时代!

我们可以有更好的方式和眼光去对待前端,而不是简单的使用操作DOM来改变页面元素的方式,下一个学习点是ES6语法,真的学不过来,想要赶上潮流方向,还有很多路要走。。。

下一个点讲讲动画吧。。最后把这单动画讲完开始更新ES6语法啦!ES6学习完就可以开始Node.js的学习了。。。

posted @ 2016-11-11 13:59  Hushaby丶  阅读(214)  评论(0编辑  收藏  举报