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 相关文章推荐
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
Nov 25 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 Javascript
js实现的万能flv网页播放器代码
Apr 30 Javascript
JS HTML5实现拖拽移动列表效果
Aug 27 Javascript
uploader秒传图片到服务器完整代码
Apr 22 Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
Vue slot用法(小结)
Oct 22 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
一篇文章带你使用Typescript封装一个Vue组件(简单易懂)
Jun 05 Javascript
解决Antd 里面的select 选择框联动触发的问题
Oct 24 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
Oct 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
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
php array_pop 删除数组最后一个元素实例
2016/11/02 PHP
PHP判断一个变量是否为整数、正整数的方法示例
2019/09/11 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
fckeditor 获取文本框值的实现代码
2009/02/09 Javascript
用JavaScript页面不刷新时全选择,全删除(GridView)
2009/04/14 Javascript
重载toString实现JS HashMap分析
2011/03/13 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
Jquery 实现弹出层插件
2015/01/28 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
使用node.js中的Buffer类处理二进制数据的方法
2016/11/26 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
JavaScript操作文件_动力节点Java学院整理
2017/06/30 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
[02:33]DOTA2亚洲邀请赛趣味视频之吐真话筒
2018/03/31 DOTA
python获取指定路径下所有指定后缀文件的方法
2015/05/26 Python
python多进程和多线程究竟谁更快(详解)
2017/05/29 Python
Python 新建文件夹与复制文件夹内所有内容的方法
2018/10/27 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
Python类型转换的魔术方法详解
2020/12/23 Python
怎样写留学自荐信
2013/11/11 职场文书
2014教师研修学习体会
2014/07/08 职场文书
暑假学习心得体会
2014/09/02 职场文书
2014教师党员自我评议(5篇)
2014/09/20 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
2019企业文化管理制度范本!
2019/08/06 职场文书
简短的人生哲理(38句)
2019/08/13 职场文书