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 下，焦点将输入值设置为 1，模糊将输入值设置为 0。但是，在 IE10 和 webshims 中，值似乎是在所有其他模糊上设置的。

模糊事件应该以不同的方式处理吗？

Answer 1

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

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

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