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 相关文章推荐
表单提交验证类
Jul 14 Javascript
MooTools 1.2介绍
Sep 14 Javascript
jquery 滚动条事件简单实例
Jul 12 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
JavaScript中获取HTML元素值的三种方法
Jun 20 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 Javascript
浅谈关于angularJs中使用$.ajax的注意点
Aug 12 Javascript
Vue监听事件实现计数点击依次增加的方法
Sep 26 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 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与paypal整合方法
2010/11/28 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
javascript 常用方法总结
2009/06/03 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
可恶的ie8提示缺少id未定义
2014/03/20 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
2020/08/11 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
2020/12/31 Javascript
原生js封装运动框架的示例讲解
2017/10/01 Javascript
新版小程序登录授权的方法
2018/12/12 Javascript
angular 服务随记小结
2019/05/06 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
layui 解决富文本框form表单提交为空的问题
2019/10/26 Javascript
js实现鼠标拖拽div左右滑动
2020/01/15 Javascript
Python smallseg分词用法实例分析
2015/05/28 Python
python实现的系统实用log类实例
2015/06/30 Python
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
使用EduBlock轻松学习Python编程
2018/10/08 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
浅谈SciPy中的optimize.minimize实现受限优化问题
2020/02/29 Python
用ldap作为django后端用户登录验证的实现
2020/12/07 Python
美国著名的女性内衣零售商:Frederick’s of Hollywood
2018/02/24 全球购物
印度在线杂货店:bigbasket
2018/08/23 全球购物
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
电子商务专业自我鉴定
2013/12/18 职场文书
支行行长竞聘演讲稿
2014/05/15 职场文书
基本公共卫生服务健康教育工作方案
2014/05/22 职场文书
上诉状格式
2015/05/23 职场文书
2016年师德师风学习心得体会
2016/01/12 职场文书
Python基础之字符串格式化详解
2021/04/21 Python
python脚本框架webpy模板赋值实现
2021/11/20 Python