javascript – 不要’允许多次点击按钮/图标
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 不要’允许多次点击按钮/图标,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1130字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 不要’允许多次点击按钮/图标](/upload/InfoBanner/zyjiaocheng/792/6079347450ee42d6a1572a1635f9d489.jpg)
我正在创建一个打鼹鼠式的游戏,其中给出了一个总和,并且数字从容器的底部到顶部生成动画.游戏的目的是单击总和的正确答案并收集尽可能多的正确答案.
我的问题是用户可以多次单击数字和其他图标,导致其崩溃.有办法克服这个问题吗?
我试过这个jQuery one function
$(".character").one("click", function() {
});
但图标重新出现,所以我需要它们再次点击.
我也试图设置一个时间,但似乎无法让它工作.有人可以指出正确的方向.
setTimeout(function() {
$(".character").one("click", function() {
});
}, 3000);
小提琴:http://jsfiddle.net/GvNB8/
解决方法:
你的主要问题是你在重新显示它们时没有与角色交互.在这种情况下,阻止用户单击的唯一方法是构建一种方法,以防止在超时快速连续点击两次.
该方法看起来像这样:
function clickThrottled(fn) {
var click = true;
return function () {
if(click) {
click = false;
fn.apply(this, arguments);
setTimeout(function () { click = true; }, 1000);
}
};
}
然后使用这样的函数:
$('.character').click(clickThrottled(function () {
// do your one time magic.
}));
我在这里使用的是JavaScript闭包.传递给click事件处理程序的函数只调用底层函数一次,然后忽略所有调用1秒钟,然后重新启用它自己.
我仍然建议你使用一种正常的方法,只需重新启用元素重新绘制到屏幕上 – 但上面也有效..
内容总结
以上是互联网集市为您收集整理的javascript – 不要’允许多次点击按钮/图标全部内容,希望文章能够帮你解决javascript – 不要’允许多次点击按钮/图标所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。