javascript - IE7 缩小输入问题

Question

我在 keyup 上验证了一些输入，它工作得非常好，除了在 IE7 中，它会在每次击键时缩小输入。

我调试了代码，发现是 jQUery .addClass/.removeClass 导致了这种效果。

这只是一个普通的旧输入，没什么特别的。

有什么想法吗？

$('input#myId').bind('keyup blur',function(){
        var _this = $(this);          
        if(_this.val().match(/^[0-9()\-\+\ ]+$/i)== null){
            _this.addClass('errorColor');               
        }else{
            _this.removeClass('errorColor');               
        }
});

编辑:

我终于找到答案了!原来是boxsizing.htc脚本。此脚本动态转换填充、边距和边框以包含在元素高度和宽度中。每次我输入时，它都会尝试应用触发 onupdate 事件的类并刷新元素大小。在我的 CSS 中，我有点懒惰，将 important 声明添加到 errorClass 规则中，纯粹是为了确保它具有最高的可能特异性。正是这种重要性揭示了 boxsizing 代码中的一个小错误，因为它随后会递增地计算边框宽度(或者更简单地说，它不会从之前的计算中删除它)。

我会尽快准备一个示例。

Answer 1

可能 jQuery 与 IE7 中的问题无关。问题更有可能是由于与 errorColor 类关联的 CSS。