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 相关文章推荐
javascript学习笔记(七)利用javascript来创建和存储cookie
Apr 08 Javascript
location对象的属性和方法应用(解析URL)
Apr 12 Javascript
nullJavascript中创建对象的五种方法实例
May 07 Javascript
谈一谈javascript中继承的多种方式
Feb 19 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
iview同时验证多个表单问题总结
Sep 29 Javascript
iView-admin 动态路由问题的解决方法
Oct 03 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
JavaScript箭头函数中的this详解
Jun 19 Javascript
vue.js路由mode配置之去掉url上默认的#方法
Nov 01 Javascript
详解CocosCreator项目结构机制
Apr 14 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伪造referer实例代码
2008/09/20 PHP
php 仿Comsenz安装效果代码打包提供下载
2010/05/09 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
动手学习无线电
2021/03/10 无线电
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
javascript检测浏览器flash版本的实现代码
2011/12/06 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
2016/08/29 Javascript
javascript数组定义的几种方法
2017/10/06 Javascript
Vue请求JSON Server服务器数据的实现方法
2018/11/02 Javascript
[57:53]Secret vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
python使用turtle绘制分形树
2018/06/22 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
python 搜索大文件的实例代码
2019/07/08 Python
使用python实现画AR模型时序图
2019/11/20 Python
使用Python实现 学生学籍管理系统
2019/11/26 Python
Python 解决OPEN读文件报错 ,路径以及r的问题
2019/12/19 Python
英国在线药房:Chemist.co.uk
2019/03/26 全球购物
城建学院毕业生自荐信
2014/01/31 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
安全宣传标语口号
2014/06/06 职场文书
大学生学习计划书
2014/09/15 职场文书
教师群众路线学习心得体会
2014/11/04 职场文书
解除劳动关系协议书2篇
2014/11/28 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
工作岗位职责范本
2015/02/15 职场文书
民政局未婚证明
2015/06/15 职场文书
土木工程生产实习心得体会
2016/01/22 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
Go语言实现Snowflake雪花算法
2021/06/08 Golang
手把手教你实现PyTorch的MNIST数据集
2021/06/28 Python
Fluentd搭建日志收集服务
2022/09/23 Servers