当javascript“keyup”在谷歌浏览器中运行时，布局搞乱

Question

我使用javascript创建简单的函数，如：

<script>
//when press enter, submit this form, when press shift and enter create new line
$("#text_reply1778").keyup(function(e) {
    var textVal = $(this).val();
    if(e.which == 13 && e.shiftKey) {
        //here create new line
    }
    else if (e.which == 13) {
       e.preventDefault(); 
       var text_input = $("#text_reply1778").val();

       if(text_input != '') { //dont submit if value is empty

           $('#reply1778').ajaxSubmit( {
                target: '#reply_output1778', 
                success: function() { 
                    //do somthing here
                } 
            });  
       }
    }
});
</script>

当我使用浏览器谷歌浏览器版本26.0.1410.43 运行时，我的布局会搞乱但是当我使用Firefox时这不会发生。

您可以在这里尝试（完整代码）chat1.html，然后在textarea（聊天框）中键入任何消息，然后您会看到布局会搞乱。

那么如何避免这种情况？我可以使用的任何方法，我尝试用keypress替换keyup但结果仍然相同。