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的学习了。。。