监控类型=数量？

Question

我正在使用 html5 输入 type="number"。我想监视此输入的更改，但是：

• 因为在支持它的浏览器中它会获得旋转控件我不能只监视 .keyup，
• 因为我不想等待它失去焦点我不能只监视 .change。

我如何监控它以便捕获其值发生更改的所有情况？

Answer 1

在查看了本网站上的一些问题并使用 mousewheel 插件之后，我得到了

$('#spinbox').bind('click change keyup mousewheel', function() {
  //10 ms timeout is for mousewheel otherwise you get the previous value
  var box = this;
  setTimeout(function() {console.log($(box).val());}, 10);
});

所以你需要监视它的

• 单击：单击控件
• 更改：后备
• 键盘：用于输入值
• 鼠标滚轮：嗯...我想知道？

Answer 2

请参阅：HTML5 数字旋转框控件未触发更改事件？

您可以同时使用 oninput 和 onkeydown 来实现兼容性。