text-transform:Google Chrome v.22中的大写错误

Question

我在Chrome(版本22.0.1229.79)中遇到了一个错误(自上周以来),其中一些javascript试图将字段值转换为大写.它似乎与CSS(文本转换:大写)冲突,使得字段值同时看起来是大写.
当跳出字段时,onChange事件处理程序将尝试将字段值更改为大写,但结果是该字段变为空.但是,如果您再次尝试在该字段中键入内容,则会重新显示之前的文本.

还有其他人看过同样的事情吗？我认为它需要向Google报告.

这是一个测试用例... http://jsfiddle.net/fhBx2/2/

<script>
function upperKey(obj) 
{
    var val = obj.value;
    if(val != null)
    {
        obj.value = val.toUpperCase();
    }    
}
</script>

<input type="text" style="text-transform:uppercase;" 
onchange="upperKey(this);"/>

Answer 1

对于任何真正对此有问题的人，我发现您可以通过将值重置为空白然后返回到原始值（但大写）来解决此问题。

\n\n

$(function() {\n    $(\'input\').change(function(e) {\n        var val = $(this).val().toUpperCase();\n        $(this).val(\'\').val(val);\n    });\n});\xe2\x80\x8b\n

\n\n

请参阅更新的小提琴：http://jsfiddle.net/JXA8K/2/

\n