<input type =“number”/>在值改变时会触发什么事件？

Question

只是想知道是否有人知道HTML5 <input type="number" />元素点击其向上/向下箭头时会触发哪些事件：

当焦点离开输入字段时，我已经使用了onblur。

Answer 1

change将是字段值更改时触发的事件。

我认为HTML5事件input也会触发。

Answer 2

我发现对于jQuery，以下代码涵盖了Chrome中的键盘输入，鼠标滚轮更改和按钮点击，还处理了Firefox中的键盘输入

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

Answer 3

我发现onkeyup和onchange涵盖了Chrome 19中的所有内容。 这可以处理直接值输入，向上箭头按键，单击按钮和滚动鼠标滚轮。

只有

onchange在Chrome中就足够了，但只将该字段呈现为文本框的其他浏览器需要onkeyup绑定，这非常适合读取新值。

单独绑定mousewheel事件不太成功。事件发生得太早 - 在更新字段值之前 - 因此总是给出字段的先前值

Answer 4

onchange事件会因模糊而触发，但oninput事件会在您键入时触发。也许您可能想在oninput事件上设置一个计时器并在用户停止输入一秒时触发您的onchange事件？

Answer 5

在数字输入中使用箭头键时，有current bug in Edge阻止更改或输入。