jQuery 事件绑定&解绑

原创于 2018-05-08 19:22:52 发布 · 229 阅读

CC 4.0 BY-SA版权

本文详细介绍了使用jQuery进行事件绑定的方法，包括普通绑定、多个事件绑定、动态元素绑定及解除绑定等技巧，并解释了如何触发及阻止事件，默认行为及冒泡等关键概念。

绑定事件

普通方法：$(selector).click(fn)
绑定多个事件：$(selector).bind(“event1 event2”,fn)
动态创建元素绑定事件：$(parentEle).delegate(childEle,”event1 event2”,fn)
终极版本：$(parentEle).on(“event1 event2”,childEle,fn)

触发事件
简单触发事件
$(selector).click()
trigger ：
$(selector).trigger(“click”);触发浏览器默认行为
triggerHandler
$(selector).triggerHandler(“focus”);不触发浏览器默认行为

解绑事件

off ：
解绑所有事件$(selector).off()
解绑指定事件$(selector).off(“event1 event2”)
解绑代理事件$(selector).off(“event” , “**”)
unbind、ubdelegate

事件对象

事件对象属性这里写图片描述
阻止浏览器默认行为

$(obj).event.preventDafault
return false;

阻止事件冒泡：

$(obj).event.stopPropagation()
return false;