java接口防抖_记一次Demo中遇到的防抖的问题

❝

之前在写Pick Color色卡这个案例的时候，考虑到的一个多次点击 copy 键的问题，遂查阅资料后实现了节流的思想，在此做一次记录。

❞

知识补充

1. 防抖是什么？

防抖是指在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。

例如对于一个按钮，可以规定它在点击0.5s后再响应，若这0.5s内又被点击了，则重新计时，只要在0.5s内不再被点击就可以作出响应。

与防抖相关还有一个概念，那就是节流。

2. 节流是什么？

节流是指规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内这个事件被触发多次，只有一次能生效。

例如对于一个按钮，规定好它被多次点击的时候在一个单位时间内只能有一次响应。

3. 怎么实现函数防抖或者节流呢？

欸嘿，前面都提到了时间的问题，那是不是可以通过 setTimeout() 这个方法去实现呢？

是的╰(°▽°)╯

(1)手撕防抖函数

实现思想： 设置一个计时器，如果再次触发，我们会清空之前的定时器，重新生成一个定时器。

防抖(oﾟvﾟ)

window.onload = function() {

var myDebounce = document.getElementById("debounce");

myDebounce.addEventListen