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 相关文章推荐
js程序中美元符号$是什么
Jun 05 Javascript
jquery easyui的tabs使用时的问题
Mar 23 Javascript
JS getStyle获取最终样式函数代码
Apr 01 Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
Dec 27 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 Javascript
Node.js安装配置图文教程
May 10 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
Oct 30 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
vue+element实现表格新增、编辑、删除功能
May 28 Javascript
node.js处理前端提交的GET请求
Aug 30 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 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
一些星际专用术语解释
2020/03/04 星际争霸
输出控制类
2006/10/09 PHP
如何在PHP中使用Oracle数据库(5)
2006/10/09 PHP
PHP导入Excel到MySQL的方法
2011/04/23 PHP
php新建文件自动编号的思路与实现
2011/06/27 PHP
PHP中的reflection反射机制测试例子
2014/08/05 PHP
php多重接口的实现方法
2015/06/20 PHP
通过Unicode转义序列来加密,按你说的可以算是混淆吧
2007/05/06 Javascript
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
js随机生成字母数字组合的字符串 随机动画数字
2015/09/02 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
BootStrap 可编辑表Table格
2016/11/24 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
electron实现qq快捷登录的方法示例
2018/10/22 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
Python使用arrow库优雅地处理时间数据详解
2017/10/10 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
pycharm运行程序时看不到任何结果显示的解决
2020/02/21 Python
Python内存映射文件读写方式
2020/04/24 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
基于Python的一个自动录入表格的小程序
2020/08/05 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
利用python绘制中国地图(含省界、河流等)
2020/09/21 Python
Python txt文件如何转换成字典
2020/11/03 Python
最新党员思想汇报
2014/01/01 职场文书
2014年安全生产责任书
2014/07/22 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
车间安全生产管理制度
2015/08/06 职场文书
导游词之重庆钓鱼城
2019/09/19 职场文书