51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

javascript防抖

JavaScript防抖:用于防止重复表单提交等场景

点击一次后,执行防抖函数antiShake,按钮设置为不可用状态,开始计时,计时结束移除不可用状态

|---------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| | 1 2 3 4 5 6 7 8 9 | hljs html <button onclick="antiShake(this)">防抖测试</button> <script type="application/javascript"> function antiShake(dom) { dom.setAttribute("disabled", "disabled"); setTimeout(() => { dom.removeAttribute("disabled"); }, 3000); } </script> |

顺带聊聊

|-------------|-------------------------------------------------------------| | 1 2 | hljs javascript //计时器清零,参数需传入计时器的返回值 clearTimeout(); |

赞(0)
未经允许不得转载:工具盒子 » javascript防抖