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 相关文章推荐
JQuery设置时间段下拉选择实例
Dec 30 Javascript
javascript运算符语法全面概述
Jul 14 Javascript
JS基于HTML5的canvas标签实现炫目的色相球动画效果实例
Aug 24 Javascript
基于Javascript实现文件实时加载进度的方法
Oct 12 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
JavaScript中 this 指向问题深度解析
Feb 21 Javascript
微信小程序全局变量功能与用法详解
Jan 22 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
Oct 09 Javascript
使用vue重构资讯页面的实例代码解析
Nov 26 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 Javascript
antd 表格列宽自适应方法以及错误处理操作
Oct 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自动获取目录下的模板的代码
2010/08/08 PHP
php计算2个日期的差值函数分享
2015/02/02 PHP
php封装的page分页类完整实例
2016/10/18 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
完美解决IE低版本不支持call与apply的问题
2013/12/05 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
2014/02/13 Javascript
初识SmartJS - AOP三剑客
2014/06/08 Javascript
js+html5实现canvas绘制椭圆形图案的方法
2016/05/21 Javascript
JavaScript编程中实现对象封装特性的实例讲解
2016/06/24 Javascript
jQuery Masonry瀑布流布局神器使用详解
2017/05/25 jQuery
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
Vue项目打包部署到iis服务器的配置方法
2019/10/14 Javascript
Vue filter 过滤器、以及在table中的使用介绍
2020/09/07 Javascript
[02:14]DOTA2英雄基础教程 修补匠
2013/12/23 DOTA
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
linux系统使用python获取cpu信息脚本分享
2014/01/15 Python
Python and、or以及and-or语法总结
2015/04/14 Python
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
Python之虚拟环境virtualenv,pipreqs生成项目依赖第三方包的方法
2019/07/23 Python
基于python3生成标签云代码解析
2020/02/18 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
tensorflow 动态获取 BatchSzie 的大小实例
2020/06/30 Python
css3实现椭圆轨迹旋转的示例代码
2018/10/29 HTML / CSS
介绍一下SQL Server的全文索引
2013/08/15 面试题
签约仪式策划方案
2014/06/02 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
2015年乡镇民政工作总结
2015/05/13 职场文书
初中毕业感言300字
2015/07/31 职场文书
初中军训感言
2015/08/01 职场文书
《地。-关于地球的运动-》单行本第七集上市,小说家朝井辽献上期待又害怕的推荐文
2022/03/31 日漫