JQuery - "|"聚焦于文本框时光标未对齐

Question

我的 html 正文中有一个文本框:input type="text"id="text-input"

当用户按下 Enter 键时，我使用它来使其成为焦点:

<script>
    $(document).keypress(function(e) {
        if(e.keyCode == 13) {
            $("#text-input").focus();
        }
    });
</script>

我用来尝试的网页中只有文本框。当我单击空白区域并按 Enter 键时，“|”提示将向下错位。如果我重复此单击并按 Enter 键，则本应位于文本框中的“|”会不断向下移动。

出了什么问题？

Answer 1

尝试使用keyup而不是keypress

$(document).keyup(function(e) {
    if(e.keyCode == 13) {
        $("#text-input").focus();
    }
});​

示例: keypress和 keyup

在 Chrome 中测试，结果不同。

注意: keypress=(keydown 和 keyup 2 事件)。可能这就是问题所在，但不确定。