jQuery事件

一、jQuery事件注册

语法

element.事件(function(){})
$("div").click(function(){事件处理程序})

其他时间和原生事件基本一致。例如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll等。

二、jQuery事件处理

1、one()方法在匹配元素上绑定一个或多个事件的事件处理函数

element.on(events,[selector],fn)

• events：一个或多个用空格分隔的事件类型，如“click”或“keydown”
• selector：元素的子元素选择器
• fn：回调函数，即绑定在元素身上的侦听函数。

2、事件处理on()绑定事件

one()方法优势：

• 可以绑定多个事件，多个处理事件处理程序
• 可以实现事件委托（把原来加给子源的身上的事件绑定在父元素身上，就是把事件委派给父元素）
• 可以给未来动态创建的元素绑定事件

3、事件处理off()sd解除事件

off()方法可以移除通过on()方法添加的事件处理程序

$("p").off() //解除p元素所有事件处理程序
$("p").off("click")  // 解除p元素上面的点击事件   后面的foo是侦听函数名
$("ul").off("click","li")  //解绑事件委托

如果有的事件只想出发一次，可以用one()来绑定事件。

4、自动触发事件trigger()

有些事件希望自动触发，比如轮播图自动播放功能跟点击右侧按钮一致，可以利用定时器自动触发右侧按钮点击之间，不必鼠标点击触发。

• 元素.事件() 会触发元素的默认行为

element.click();

• 元素.trigger("事件") 会触发元素的默认行为

element.trigger("click");

•  元素.triggerHandler("事件")  不会触发元素的默认行为

element.triggerHandler("click")

三、jQuery事件对象

事件被触发，就会有事件对象的产生

element.on(event,[selector],function(event){})

阻止默认行为：event.preventDefault()或return false

阻止冒泡：event.stopPropagation()