javascript - 如何通过 IE10 和 webshims 数字输入实现一致的模糊行为？

Question

此示例jsfiddle显示 3 个数字输入，每个输入都分配有模糊和焦点事件：

<script>

  jQuery('.number')
    .on('focus', function (e) {
      jQuery(e.currentTarget).val(1);
    })
    .on('blur', function (e) {
      jQuery(e.currentTarget).val(0);
    });

</script>

<input type='number' class='number' id='n0' min='0' max='1' autofocus />
<input type='number' class='number' id='n1' min='0' max='1' />
<input type='number' class='number' id='n2' min='0' max='1' />

通常，例如在 Chrome 下，focus 将输入值设置为 1，而 blur 将输入值设置为 0。然而，对于 IE10 和 webshims，值似乎是每隔一个模糊设置的。

是否应该以不同方式处理模糊事件？

Answer 1

好吧，你发现了一个错误。很快就会解决这个问题。至于现在，您可以通过使用延迟为 9 的 setTimeout 来解决此错误。

http://jsfiddle.net/trixta/9y3HA/8/

setTimeout(function(){
    jQuery(e.currentTarget).val(0);
}, 9);