举个粟子: html 的一个 button，如何在点击 10 下后不响应 click 事件？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 4093 天前的主题，其中的信息可能已经有所发展或是发生改变。

我是这么做的，在document里定义一个i
$("#btn").click(function(){
if( i != 10){
//do something
}

});

但我觉得应该有更好的方式来实现，不知道大家有没有什么建议？

粟子

Click

btn

12 条回复 • 2014-11-02 21:21:07 +08:00

loading

2014 年 11 月 2 日

提醒一下：如果和服务器有交互，记得服务器也限制。

sanddudu

2014 年 11 月 2 日 via iPhone

removeListener 不行吗

kran

2014 年 11 月 2 日 via iPhone

$.data()
或者返回闭包

MntCw

2014 年 11 月 2 日

@sanddudu 在哪个时候remove 是在else里面吗？

MntCw

2014 年 11 月 2 日

@kran 请教一下

MntCw

2014 年 11 月 2 日

@loading OK 了解，谢啦！！

sanddudu

2014 年 11 月 2 日 via iPhone

@MntCw 是的
如果到 10 次，就移除这个监听器

kran

2014 年 11 月 2 日

$('#btn').click((function(times){
return function(){
//代码
}
})(10));
这样应该可以的.我不做前端,你式一下

MntCw

2014 年 11 月 2 日

@sanddudu OK 了解了，但是可以试试@kran的做法

MntCw

2014 年 11 月 2 日

@kran OK 我试一下，看来我对闭包的理解还不够

littlepanzh

2014 年 11 月 2 日 via iPhone

var fn = function (event) {
var $target = $(event.currentTarget);
var i = $target.data('i') || 0;
i = ~~i + 1;
$target.data('i', i);
// do something;
if (i > 9) {
$target.off('click', fn);
}
};
$('#btn').click(fn);

MntCw

2014 年 11 月 2 日

@littlepanzh 看明白了，感谢！