jquery用data方法获取某个元素上的事件


Posted in Javascript onJune 23, 2014

jquery的给元素绑定的事件可以用data方法取出来

通过$(element).data("events")来获取

// 比如给一个button绑定两个click事件

$("button").click(function() { alert("1") });
$("button").click(function() { alert("2") });

// 这个时候点击该button会分别弹出 2 和1的alert框
// 取出该button的所有click事件,是个数组
$("button").data('events').click

会看到两个click事件的数组

得到该数组,你可以调整顺序后再设回去

$("button").data('events').click = newEventArray;

下面是这个方法的测试页面:

<span style="font-size:18px;"><%@ page contentType="text/html;charset=UTF-8" language="java" %> 

<!DOCTYPE HTML> 
<html> 
<head> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>测试jquery动态改变事件</title> 

<script type="text/javascript" src="/static/lib/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="/static/lib/jquery.cookie.min.js"></script> 
<script type="text/javascript" src="/static/lib/util.min.js"></script> 
<script type="text/javascript" src="/static/lib/jquery.bgiframe.min.js"></script> 
<script type="text/javascript" src="/static/lib/jshashtable.min.js"></script> 
</head> 
<body> 
<h1>该demo用于测试jquery附加了事件以后可不可以动态改变事件有无,及顺序</h1> 
<input id="btn" type="button" value="点击我执行事件,分别执行三个次序弹窗"/><br/> 
<input id="btn_clear" type="button" value="点击清空执行事件,清空后第一个按钮无反应"/><br/> 
<input id="btn_revert" type="button" value="点击还原执行事件,点击后第一个按钮又会有反应"/><br/> 
<input id="btn_seq" type="button" value="点击我改变执行事件顺序,顺序会改变"/><br/> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#btn").click(function(){ 
alert(1); 
}); 
$("#btn").click(function(){ 
alert(2); 
}); 
$("#btn").click(function(){ 
alert(3); 
}); 
var _arr_events= $("#btn").data("events")["click"]; 
$("#btn_clear").click(function(){ 
$("#btn").data("events")["click"]=undefined; 
}); 
$("#btn_revert").click(function(){ 
$("#btn").data("events")["click"]=_arr_events; 
}); 

}); 
</script> 
</body> 
</html> 
</span>
Javascript 相关文章推荐
html超链接打开窗口大小的方法
Mar 05 Javascript
js自动下载文件到本地的实现代码
Apr 28 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 Javascript
JS图片定时翻滚效果实现方法
Jun 21 Javascript
深入研究React中setState源码
Nov 17 Javascript
JavaScript中EventLoop介绍
Jan 22 Javascript
webpack配置打包后图片路径出错的解决
Apr 26 Javascript
vue + webpack如何绕过QQ音乐接口对host的验证详解
Jul 01 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
VSCode搭建Vue项目的方法
Apr 30 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 #Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 #Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
Jun 23 #Javascript
jquery中map函数与each函数的区别实例介绍
Jun 23 #Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
Jun 23 #Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
Jun 23 #Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 #Javascript
You might like
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
PHP中each与list用法分析
2016/01/08 PHP
javascript 弹出的窗口返回值给父窗口具体实现
2013/11/23 Javascript
Javascript实现单例模式
2016/01/24 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
2017/08/14 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
浅谈关于iview表单验证的问题
2018/09/29 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
[41:56]Spirit vs Liquid Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
pyv8学习python和javascript变量进行交互
2013/12/04 Python
python基础教程之Filter使用方法
2017/01/17 Python
Python中扩展包的安装方法详解
2017/06/14 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
浅谈Scrapy网络爬虫框架的工作原理和数据采集
2019/02/07 Python
Python3实现的简单三级菜单功能示例
2019/03/12 Python
Django实现单用户登录的方法示例
2019/03/28 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
python生成器推导式用法简单示例
2019/10/08 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
非凡女性奢华谦虚风格:The Modist
2017/10/28 全球购物
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
项目计划书范文
2014/01/09 职场文书
闭幕式主持词
2014/04/02 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
教师批评与自我批评剖析材料
2014/10/16 职场文书
武夷山导游词
2015/02/03 职场文书
技术员个人工作总结
2015/03/03 职场文书