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,超强推荐share.js
Dec 23 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
使用js画图之圆、弧、扇形
Jan 12 Javascript
简介JavaScript中的italics()方法的使用
Jun 08 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
jQuery+CSS实现简单切换菜单示例
Jul 27 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
详解webpack 如何集成第三方js库
Jun 29 Javascript
微信小程序 配置顶部导航条标题颜色的实现方法
Sep 20 Javascript
vue-cli+webpack项目 修改项目名称的方法
Feb 28 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获取MSN好友列表类的实现代码
2013/06/23 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
PHP常用技巧汇总
2016/03/04 PHP
Div自动滚动到末尾的代码
2008/10/26 Javascript
js下获取div中的数据的原理分析
2010/04/07 Javascript
JQuery判断HTML元素是否存在的两种解决方法
2013/12/26 Javascript
javascript校验价格合法性实例(必须输入2位小数)
2014/05/05 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
jQuery实现下拉框功能实例代码
2016/05/06 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
js实现从左向右滑动式轮播图效果
2017/07/07 Javascript
JS验证码实现代码
2017/09/14 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
2017/09/18 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
vue中实现动态生成二维码的方法
2020/02/21 Javascript
Vue中keep-alive 实现后退不刷新并保持滚动位置
2020/03/17 Javascript
JavaScript鼠标拖拽事件详解
2020/04/03 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
Python数据类型详解(一)字符串
2016/05/08 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
python实现双人五子棋(终端版)
2020/12/30 Python
CSS3 创建网页动画实现弹跳球动效果
2018/10/30 HTML / CSS
来自美国主售篮球鞋的零售商店:KICKSUSA
2017/11/28 全球购物
性能测试工程师的面试题
2015/02/20 面试题
社区党员先进事迹
2014/01/22 职场文书
办理房产过户的委托书
2014/09/14 职场文书
离婚代理词范文
2015/05/23 职场文书
考研经验交流会策划书
2015/11/02 职场文书
安全教育培训心得体会
2016/01/15 职场文书
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python