JQuery 事件

事件处理

事件绑定

标准绑定方式

$(selector).bind(event[,data],fn); 简写模式为：$(selector).event(function(eventObject))

• 事件类型：类型包括 blur、focus、load、resize、scroll、unload、click、dblclick、mousedown/up/over/out/enter/leave、change、select、submit、keydown/up、keypress、error

• 可选参数：作为 event.data 属性值传递给事件对象的额外数据对象

• 处理函数：事件触发后的具体处理内容

on / off 使用

.on( events [, selector ] [, data ], handler(eventObject) ) ：在选定的元素上绑定一个或多个事件处理函数

.off( events [, selector ] [, handler(eventObject) ] )：移除一个或多个事件处理函数。不传递任何参数，则将组件上的所有事件全部解绑。

on 属于绑定事件处理器 (event-handler-attachment)，可以绑定 BOM和 DOM 的既有事件，也可以绑定自定义事件。推荐使用该方式弹性的绑定更多的事件。

事件切换

toggle()：用于模拟鼠标连续单击事件，实现事件切换。

• toggle(fn1,fn2,…fnN);

事件冒泡

浏览器冒泡事件就是点击了一个子节点，如果该子节点绑定了事件，并且该子节点的上层节点也绑定了同样的事件，就会向上触发父节点，祖先节点的相同点击事件。

冒泡的事件传递的最顶层是 document 文档对象。

阻止事件冒泡的方法：