jQuery live( type, fn ) 委派事件实现


Posted in Javascript onOctober 11, 2009

目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。
还不支持 blur, focus, mouseenter, mouseleave, change, submit
与bind()不同的是,live()一次只能绑定一个事件。
这个方法跟传统的bind很像,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时,对于这个新增加的li,其click事件依然可用。而无需重新给这种新增加的元素绑定事件。
.live()与流行的liveQuery插件很像,但有以下几个主要区别:
* .live 目前只支持所有事件的子集,支持列表参考上面的说明。
* .live 不支持liveQuery提供的“无事件”样式的回调函数。.live只能绑定事件处理函数。
* .live 没有"setup"和"cleanup"的过程。因为所有的事件是委派而不是直接绑定在元素上的。
要移除用live绑定的事件,请用die方法
返回值
jQuery
参数
type (String) : 一个或多个用空格分隔的事件名
fn (Function) : 欲绑定的事件处理函数
示例
点击生成的p依然据有同样的功能。
HTML 代码:
<p>Click me!</p>
jQuery 代码:

$("p").live("click", function(){ 
$(this).after("<p>Another paragraph!</p>"); 
});
Javascript 相关文章推荐
document.designMode的功能与使用方法介绍
Nov 22 Javascript
深入理解JavaScript系列(12) 变量对象(Variable Object)
Jan 16 Javascript
基于jquery的固定表头和列头的代码
May 03 Javascript
基于jQuery的获取标签名的代码
Jul 16 Javascript
jquery调取json数据实现省市级联的方法
Jan 29 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
Apr 14 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
Aug 01 Javascript
jquery仿微信聊天界面
May 06 jQuery
Vue shopCart 组件开发详解
Jan 26 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
js实现整体缩放页面适配移动端
Mar 31 Javascript
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 #Javascript
JS模拟的QQ面板上的多级可展开的菜单
Oct 10 #Javascript
js css样式操作代码(批量操作)
Oct 09 #Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 #Javascript
JavaScript delete 属性的使用
Oct 08 #Javascript
有效的捕获JavaScript焦点的方法小结
Oct 08 #Javascript
Javascript isArray 数组类型检测函数
Oct 08 #Javascript
You might like
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
php设计模式 Strategy(策略模式)
2011/06/26 PHP
PHP闭包函数详解
2016/02/13 PHP
php实现的支付宝网页支付功能示例【基于TP5框架】
2019/09/16 PHP
Laravel基础-关于引入公共文件的两种方式
2019/10/18 PHP
JavaScript函数获取事件源的小例子
2014/05/14 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
JavaScript表格常用操作方法汇总
2015/04/15 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
jQuery 移动端artEditor富文本编辑器
2016/01/11 Javascript
JS中判断字符串存在和非空的方法
2018/09/12 Javascript
vue将单页面改造成多页面应用的方法
2018/11/25 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
Python2.x版本中cmp()方法的使用教程
2015/05/14 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
python双向链表原理与实现方法详解
2019/12/03 Python
Python如何创建装饰器时保留函数元信息
2020/08/07 Python
常用的10个Python实用小技巧
2020/08/10 Python
联想美国官方商城:Lenovo美国
2017/06/19 全球购物
如何用PHP实现邮件发送
2012/12/26 面试题
.NET remoting中对象激活的两种方式
2015/06/08 面试题
自主招生自荐信
2013/12/08 职场文书
领班岗位职责范文
2014/02/06 职场文书
不打扫卫生检讨书
2014/02/12 职场文书
小学运动会口号
2014/06/07 职场文书
简易版租房协议书范本
2014/10/13 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
教师学习心得体会范文
2016/01/21 职场文书
MYSQL如何查看进程和kill进程
2022/03/13 MySQL
python_tkinter事件类型详情
2022/03/20 Python
httpclient调用远程接口的方法
2022/08/14 Java/Android