<input type =「number」/>什麼事件發生變化時觸發？

Question

只是想知道是否有人知道事件的HTML5 <input type="number" />元素大火被點擊了上/下箭頭時：

我已經在使用時的焦點離開輸入欄的onblur。

Answer 1

change將是該字段值更改時觸發的事件。

我認爲HTML5事件input也會觸發。

Answer 2

onchange事件發生模糊，但oninput事件在您鍵入時觸發。也許您可能希望在oninput事件中添加計時器，並在用戶停止輸入一秒鐘時觸發您的onchange事件？

Answer 3

我發現onkeyup和onchange涵蓋了Chrome 19中的所有內容。 這可處理直接值輸入，向上箭頭按鍵，單擊按鈕和滾動鼠標滾輪。

onchange僅在Chrome中就足夠了，但其他瀏覽器只會將該字段呈現爲文本框，這需要綁定onkeyup，該功能完全可以讀取新值。

單獨綁定mousewheel事件不太成功。事件發生得太早 - 在字段值更新之前 - 因此總是給出該字段的先前值

Answer 4

我發現對於jQuery，下面的代碼覆蓋了Chrome中的鍵盤輸入，鼠標滾輪更改和按鈕點擊，還處理了鍵盤輸入在Firefox

$("input[type=number]").bind('keyup input', function(){ 
    // handle event 
}); 

Answer 5

有一個從在多個輸入用箭頭鍵時燒製current bug in Edge防止改變或輸入。