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图像处理—为矩阵添加常用方法
Dec 27 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
Mar 31 Javascript
JavaScript 随机验证码的生成实例代码
Sep 22 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
angular directive的简单使用总结
May 24 Javascript
简单实现js放大镜效果
Jul 24 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
详解webpack模块化管理和打包工具
Apr 21 Javascript
js中的数组对象排序分析
Dec 11 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
Apr 26 Javascript
js实现飞机大战游戏
Aug 26 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
YB217、YB235、YB400浅听
2021/03/02 无线电
php的大小写敏感问题整理
2011/12/29 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
JavaScript 原型学习总结
2010/10/29 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
jQuery循环滚动新闻列表示例代码
2014/06/17 Javascript
JS根据年月获得当月天数的实现代码
2014/07/03 Javascript
jQuery ajax调用WCF服务实例
2014/07/16 Javascript
javascript数据结构之二叉搜索树实现方法
2015/11/25 Javascript
jquery mobile 移动web(5)
2015/12/20 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
javascript函数中的3个高级技巧
2016/09/22 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
2016/11/12 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
2018/09/18 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
Vue组件跨层级获取组件操作
2020/07/27 Javascript
Python 字典(Dictionary)操作详解
2014/03/11 Python
仅利用30行Python代码来展示X算法
2015/04/01 Python
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
Python选课系统开发程序
2016/09/02 Python
python爬虫爬取网页表格数据
2018/03/07 Python
Python虚拟环境库virtualenvwrapper安装及使用
2020/06/17 Python
德国汽车零件和汽车配件网上商店:kfzteile24
2018/11/14 全球购物
领导视察欢迎词
2014/01/15 职场文书
国际会议邀请函范文
2014/01/16 职场文书
企业趣味活动方案
2014/08/21 职场文书
租赁协议书
2015/01/27 职场文书
清明节寄语2015
2015/03/23 职场文书
2015年办公室文秘工作总结
2015/04/30 职场文书
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
图文详解matlab原始处理图像几何变换
2021/07/09 Python
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python