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

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

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

Answer 1

当字段的值发生变化时， change将是触发的事件。

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

Answer 2

我发现对于jQuery，以下代码覆盖了Chrome中的键盘input，鼠标滚轮更改和button点击，还处理了Firefox中的键盘input

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

Answer 3

我发现onkeyup和onchange覆盖了Chrome 19中的所有内容。它处理直接值input，向下箭头按键，单击button和滚动鼠标滚轮。

在Chrome上单独使用onchange就足够了，但是其他浏览器只能将该字段渲染为文本框，这需要使用onkeyup绑定，这可以完美地读取新值。

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

Answer 4

onchange事件触发模糊，但oninput事件在您input时触发。 也许你可能想要在oninput事件上设置一个计时器，并在用户停止input一秒钟时触发你的onchange事件？