jQuery事件处理

jQuery事件处理

(1) 事件监听函数 —— 重点

A．事件代理原理：利用事件冒泡机制，将事件处理函数绑定在目标元素的父元素上，

当父元素事件触发时，判断事件源是否为目标元素，是则继续执行，否则退出

 

B.阻止元素默认行为：e.prevenDefault( );

 

1.bind & unbind

用法： 目标元素.bind( ’事件名称’, 事件处理函数 )

目标元素.unbind(‘函数名’)； //用于移除指定元素的事件处理函数（没有参数移除全部）

 

2.one(每个元素只能运行一次事件处理函数)

用法：目标元素.one( ‘事件名称’, 事件处理函数 )

 

3.delegate & undelegate（绑定代理事件）

用法：$(parent).delegate(‘事件源元素’,‘事件名称’,事件处理函数)；

//可以向尚未创建出来的元素添加事件处理函数；

 

4.on & off（使用灵活，功能齐全）

用法1：把监听函数直接绑定事件源上

目标元素.on('事件名称', 事件处理函数)

 用法2：把监听函数委托给父元素

代理元素.on('事件名称', '事件源', 事件处理函数)