扫码关注官方订阅号
有哪几种比较好的实现,不想让按钮在短时间重复点击多次
disabled 没有之一。
disabled
el.prop('disabled', true); ajax({}).done(function() { el.prop('disabled', false); });
非表单,自然没有 disabled 之说,但可以借助中间变量。
if (el.data().loading === true) return false; el.data('loading', true); ajax({}).done(function() { el.data('loading', false); });
最后再配合css就更完美了。
.disabled, button[disabled] { background-color:#ddd; }
下面的例子用jquery。解决思路,设置一个条件来触发事件:
当条件为真时,执行条件为假时不执行。
可以用setTimeout函数来改变条件的值。
function runa(){ console.log('is run'); } var isRun=true; $("#set").click(function(){ if(isRun){ runa(); isRun=false; } setTimeout(function(){ isRun=true; },1500) //点击后相隔多长时间可执行 })
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
表单元素
disabled没有之一。非表单元素
非表单,自然没有
disabled之说,但可以借助中间变量。配合CSS
最后再配合css就更完美了。
下面的例子用jquery。
解决思路,设置一个条件来触发事件:
那么问题来了,怎么设置条件 ?
可以用setTimeout函数来改变条件的值。
例子