_.debounce功能奇特的水煤漿幾個輸入

Question

我有一個頁面，這樣的代碼

$('input').on('keyup', _.debounce(function(){ 
    console.log('Keyup fired') 
}, 10000)) 

所以在$（「輸入」）我有4個輸入集合上的4個輸入。 當我開始在所有4個輸入中快速輸入時，在控制檯中只有一個'Keyup fired'後10秒鐘。

看來，每個輸入共享相同的功能。 但我認爲每個輸入都應該有它自己的_debounce函數實例。

爲什麼我錯了？根據我的觀點，爲什麼我寫COLLECTION.on（event，fn）。 Jquery應該映射4個輸入，併爲每個輸入分配調用_.debounce（）的結果。所以每個輸入都會有自己的去抖功能實例。 謝謝

Answer 1

看來，每個輸入共享相同的功能。

當然，因爲您爲所有輸入提供了單個事件處理函數。

如果你想不同的處理器，那麼你需要爲每個單獨的輸入綁定事件：

$('input').each(function() { 
    $(this).on('keyup', _.debounce(function() { 
    console.log('Keyup fired') 
    }, 10000)) 
})