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 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
改变javascript函数内部this指针指向的三种方法
Apr 23 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
js控制文本框输入的字符类型方法汇总
Jun 19 Javascript
js实现上传文件添加和删除文件选择框
Oct 24 Javascript
iconfont的三种使用方式详解
Aug 05 Javascript
AngularJS 多指令Scope问题的解决
Oct 25 Javascript
vue实现移动端悬浮窗效果
Dec 01 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
Sep 07 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
Jul 28 Javascript
利用JavaScript写一个简单计算器
Nov 27 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 中dirname(_file_)讲解
2007/03/18 PHP
解决php中Cannot send session cache limiter 的问题的方法
2007/04/27 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
自己写的兼容低于PHP 5.5版本的array_column()函数
2014/10/24 PHP
ThinkPHP中使用ajax接收json数据的方法
2014/12/18 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
JavaScript实现通过select标签跳转网页的方法
2016/09/29 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
JS实现间歇滚动的运动效果实例
2016/12/22 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
vue使用Axios做ajax请求详解
2017/06/07 Javascript
基于vue.js中事件修饰符.self的用法(详解)
2018/02/23 Javascript
postman+json+springmvc测试批量添加实例
2018/03/31 Javascript
详解Vue中watch对象内属性的方法
2019/02/01 Javascript
图解JS原型和原型链实现原理
2020/09/15 Javascript
js制作提示框插件
2020/12/24 Javascript
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
利用Python查看目录中的文件示例详解
2017/08/28 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
利用python对excel中一列的时间数据更改格式操作
2020/07/14 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
伦敦鲜花递送:Flower Station
2021/02/03 全球购物
一套带答案的C++笔试题
2014/01/10 面试题
小型女装店的创业计划书
2014/01/09 职场文书
技校个人求职信范文
2014/01/25 职场文书
团代会宣传工作方案
2014/05/08 职场文书
教师自查自纠材料
2014/10/14 职场文书
小学生交通安全寄语
2015/02/27 职场文书
电影红河谷观后感
2015/06/11 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python
Python实现双向链表基本操作
2022/05/25 Python