input的keyup事件的延遲問題

2021-08-25 11:32:17 字數 633 閱讀 1020

在做開發時候,有三個input,他們的value要影響最後乙個td的值,剛開始使用的keyup事件,無奈呼叫後台的介面太頻繁;肯定不對,後來自己想了想,就是在獲取了value了,延遲在調介面,於是寫了個延遲器;

html:

="text" @keyup=

"delay()" v-model

="userdata"

>

js:delay(),1000)

},

後來,我同事說函式有個節流和防抖,看了好久,尷尬,不是很懂,就暫時這樣寫吧,以後在優化哈;

於是突然想到,這個這麼常用的功能,尤大大不可能不在vue裡面封轉吧,於是就文件找;vue1 是有 debounce過濾器這個屬性的;可是在vue2.0後就被拋棄了;看了個 lodash;又尷尬了,都不曉得是什麼鬼?

然後推薦用這個;

html:

type="text" @keyup="add()"

v-model="userdata">

js:src="">

script>

add: _.debounce(function () , 1000),

更加方便快捷

Input的按鍵事件

onkeydown 當按鍵按下會觸發的事件,當需要特定的按鍵按下,可以使用if event.keycode 這裡的?就是 keycode 的碼,可以檢視 根據對照表,找到自己需要的keycode碼 填入?處 例如if event.keycode 13 jump keycode碼的 13是回車,當這個...

input標籤的事件彙總

我在做乙個註冊時用到了,在網上查的,比較碎。就彙總了下,1.onfocus 當input 獲取到焦點時觸發 2.onblur 當input失去焦點時觸發,注意 這個事件觸發的前提是已經獲取了焦點再失去焦點的時候才會觸發該事件,用於判斷標籤為空。3.onchange 當input失去焦點並且它的val...

input標籤的事件彙總

我在做乙個註冊時用到了,在網上查的,比較碎。就彙總了下,1.onfocus 當input 獲取到焦點時觸發 2.onblur 當input失去焦點時觸發,注意 這個事件觸發的前提是已經獲取了焦點再失去焦點的時候才會觸發該事件,用於判斷標籤為空。3.onchange 當input失去焦點並且它的val...