<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防止改变或输入。