javascript - 当按下 Enter 键时，文本区域不会停止换行

Question

我不明白为什么我的文本区域不会停止创建新行，并且在按下 Enter 键时不会调用函数，尽管 jquery 确实是这样做的。有输入就可以正常工作了。是的，我仍然想要那个“提交”按钮。

JavaScript

function da(){

$('#com').unbind('keypress').bind('keypress', function(e){
   var code = e.keyCode ? e.keyCode : e.which;
   if(code == 13) // Enter key is pressed
   {  e.preventDefault();
      chat();
   }
});
}

HTML

<form id='com' method='post'>


Mesaj:<br>
<textarea name='mesaj' rows='7' col='60'></textarea><br/><br/>
<input type='submit' value='Trimite mesaj!' onclick='chat()'>

</form>"

Answer 1

要停止换行符(以及回车符)，您需要使用 keycode 在 keypress 上捕获 10 和 13 .

查看此代码段:

$("textarea").on("keypress", function(e) {
    if ((e.keyCode == 10 || e.keyCode == 13)) {
        e.preventDefault();
        chat();
    }
});

function chat() {
    alert("hello chat");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name='mesaj' rows='7' col='60'></textarea><br/><br/>
<input type='submit' value='Trimite mesaj!' onclick='chat()' />