本文目錄一覽：
Js中防抖和節流的區別，論如何避免重複點擊
在進行窗口的resize、scroll，輸入框內容校驗，防止按鈕重複點擊等操作時，如果事件處理函數調用的頻率無限制，會加重瀏覽器的負擔，體驗糟糕。所以可以採用debounce（防抖）和throttle（節流）的方式來減少調用頻率，同時又不影響實際效果。
我們一起先來看看防抖和節流的區別
防抖函數 debounce
節流函數 throttle
如何調用
防抖和節流都利用了閉包，首先就調用了debounce和debounce方法，把內部的方法返回出去，下次自己執行，以後有時間我再寫一下閉包吧，所以我還留下一個問題，這樣會不會造成內存泄漏？
僅用chrome 的 javascript控制台 可能實現多次點擊同一按鈕么
完全可以。
比如選擇一個節點，然後通過 $0.click()； 即可觸發一次點擊。
根據你對js 的了解，來組織代碼多次、重複的點擊。
了解一下 Javascript 的事件方面的知識點即可。
js 點擊事件重複執行是怎麼解決？
在綁定點擊事件之前先刪除綁定事件.
jquery舉個例子
$(“#id”).unbind(“click”);
$(“#id”).click(function(){
….
})
js怎麼防止重複點擊
1.防止重複點擊可以添加標記,第一次點擊後變為false,每次點擊判斷這個標記是true才執行
2.如果是按鈕防止重複點擊,可以再按鈕點擊後,給按鈕添加disabled屬性,按鈕就再也點擊不了
舉個例子:
!doctype html
html lang=”en”
head
meta charset=”UTF-8″
titleDocument/title
/head
button onclick=”fn()”方式一/button
button onclick=”alert(‘只會出現一次哦,之後想點都點不了’);this.disabled = true;”方式二/button
body
script
//第一種方式
var flag = true;
function fn(){
if(flag){
flag = false;
alert(‘只會出現一次哦’);
}
}
/script
/body
/html
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/286093.html
微信掃一掃 
支付寶掃一掃 