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

当前位置: 编程技术>WEB前端

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

来源: 互联网发布时间：2014-08-25

本文导语: jquery的给元素绑定的事件可以用data方法取出来通过$(element).data("events")来获取 // 比如给一个button绑定两个click事件 $("button").click(function() { alert("1") }); $("button").click(function() { alert("2") }); // 这个时候点击该button会分别弹出...

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;

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

 

 
 
 
 
 
 
 
测试jquery动态改变事件 

 
 
 
 
 
 
 
该demo用于测试jquery附加了事件以后可不可以动态改变事件有无，及顺序 

 

 

 

 
 
$(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; 
}); 

});