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 在网页中的运用(asp.net)
Nov 23 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
Apr 14 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
JS设置网页图片vspace和hspace属性的方法
Apr 01 Javascript
AngularJS中的过滤器filter用法完全解析
Apr 22 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
Aug 16 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
Nov 17 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
Dec 17 Javascript
js学习总结_轮播图之渐隐渐现版(实例讲解)
Jul 17 Javascript
基于BootStrap实现简洁注册界面
Jul 20 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
Aug 06 Javascript
layui时间控件选择时间范围的实现方法
Sep 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中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
JS控制输入框内字符串长度
2014/05/21 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
angularjs 处理多个异步请求方法汇总
2015/01/06 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
2015/05/16 Javascript
javascript每日必学之封装
2016/02/23 Javascript
js 截取或者替换字符串中的数字实现方法
2016/06/13 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
原生js实现放大镜效果
2017/01/11 Javascript
webpack学习教程之前端性能优化总结
2017/12/05 Javascript
微信小程序自定义组件实现tabs选项卡功能
2018/07/14 Javascript
学习node.js 断言的使用详解
2019/03/18 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
uni-app使用微信小程序云函数的步骤示例
2020/05/22 Javascript
在python的WEB框架Flask中使用多个配置文件的解决方法
2014/04/18 Python
零基础写python爬虫之抓取糗事百科代码分享
2014/11/06 Python
Python内置函数dir详解
2015/04/14 Python
浅谈django的render函数的参数问题
2018/10/16 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
Python学习之time模块的基本使用
2021/01/17 Python
幼儿园新学期寄语
2014/01/18 职场文书
市优秀教师事迹材料
2014/02/05 职场文书
根叔历年演讲稿
2014/05/20 职场文书
工程负责人任命书
2014/06/06 职场文书
个人政风行风自查自纠报告
2014/10/21 职场文书
2015年度信用社工作总结
2015/05/04 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书
nginx location优先级的深入讲解
2021/03/31 Servers