0

我正在尝试在较低版本的 Internet Explorer(ie8、ie7)中为 textarea 模拟 maxlength 的 HTML5 行为:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
 <textarea maxlength="200"></textarea>

 <script type="text/javascript">
 $(document).ready(function() {
    $(document).delegate('textarea[maxlength]', 'keyup paste change', function(e) { 

        var limit = parseInt($(this).attr('maxlength'));  
        var text = $(this).val();  
        var chars = text.length;  

        if(chars > limit){  
            var new_text = text.substr(0, limit);  

            $(this).html(new_text);  
        }  
    });  
});
</script>

问题行为是,如果我输入 201 个日文字符,textarea 将按预期将文本调整为仅显示前 200 个字符,但是当我单击它时 textarea 失去焦点时,textarea 将只显示第 201 个日文字符。如果您输入第 201 个字符作为英文字符,则不会发生此问题。我正在使用 Windows 日文 IME 输入日文字符,以防相关细节。

ETA:我认为现在这是 Javascript 与日文 IME 不兼容的问题,但我仍然不知道如何修复它。

4

1 回答 1

1

这种行为几乎可以肯定是由于日语 IME 在触发各种 Javascript 事件后更改了输入。我找到的最佳解决方案是更改上面的代码,以便它由“模糊”事件触发,因为“模糊”似乎总是在日语 IME 完成编辑后发生。

于 2014-07-08T15:53:10.373 回答