javascrpt绑定事件之匿名函数无法解除绑定问题
更新时间：2012年12月06日 18:00:10 作者：
经常听到有人说，匿名函数绑定事件不好控制啊，无法解除绑定啊，本文将介绍详细的解决方法，需要的朋友可以参考下
经常听到有人说，匿名函数绑定事件不好控制啊，无法解除绑定啊等等等等，一直很奇怪谁说的不能解除绑定。
下面来实现click事件2次后，自动解除绑定。
看代码：
var dom=document.getElementById("test"),clickt=0;
dom.addEventListener("click",function(e){
clickt++;
alert('你摸了我'+clickt+'下了。最多摸2下哦');
if(clickt>=2){
this.removeEventListener(e.type,arguments.callee,false);
}
});
很多扩展库，比如jquery都可以如此来实现自定义解除绑定：
var t=0;
$(".a").bind("click",function(e){
t++;
alert('你摸了我'+t+'下了。最多摸2下哦');
if(t>=2){
$(this).unbind(e.type,arguments.callee);
}
});
其他的自己去测吧。
下面来实现click事件2次后，自动解除绑定。
看代码：
复制代码 代码如下:
var dom=document.getElementById("test"),clickt=0;
dom.addEventListener("click",function(e){
clickt++;
alert('你摸了我'+clickt+'下了。最多摸2下哦');
if(clickt>=2){
this.removeEventListener(e.type,arguments.callee,false);
}
});
很多扩展库，比如jquery都可以如此来实现自定义解除绑定：
复制代码 代码如下:
var t=0;
$(".a").bind("click",function(e){
t++;
alert('你摸了我'+t+'下了。最多摸2下哦');
if(t>=2){
$(this).unbind(e.type,arguments.callee);
}
});
其他的自己去测吧。
相关文章
这篇文章主要介绍了Javascript的闭包详解,需要的朋友可以参考下2014-12-12
本文为大家详细介绍下时间标准指的是什么？UCT和GMT 的概念、关联和区别？以及时间表示标准有哪些？感兴趣的朋友可以参考下2013-08-08
JavaScript进阶教程(第二课)...2007-04-04
这篇文章主要介绍了javascript类型转换的使用方法,包括转换为字符串、转换为数字、转换为布尔值、转换为对象使用方法，大家参考使用吧2014-02-02
在这一章我会给出查找页面上的元素位置的代码。他能帮助你找到真正的位置，假如你改变了窗口的尺寸，然后再次运行代码，也会告诉你新的位置。2010-02-02
这篇文章主要介绍了JavaScript学习笔记之Function对象的相关资料,需要的朋友可以参考下2015-01-01
网络传输协议（http协议）指服务器和客户端间进行通信时的约束和规范，客户端与服务端的数据交互并不是杂乱无章的，需要遵照（基于）一定的规范进行，本文主要介绍http超文本传输协议。希望对大家有所帮助2016-11-11
今天总结一下javascript中的数据类型，希望大家能对javascript数据类型基础有扎实的掌握，祝大家多多进步，早日升职加薪2022-03-03
这篇文章主要介绍了ECMAScript5(ES5)中bind方法使用小结,bind和call以及apply一样,都是可以改变上下文的this指向的,需要的朋友可以参考下2015-05-05
在接触每一门编程语言之前，首先明白我们程序设计要处理的是数据，而数据又用数据类型将其区分。2010-12-12
最新评论