javascript - 在文本框中，当我按 ENTER 时如何提交表单以及当我按 shift+ENTER 时如何插入新行

Question

当我按 Enter 时如何在文本框中提交表单以及当我按 Shift+Enter 时如何插入新行，如 facebook 评论和帖子

Answer 1

可能会为您在 Enter 上的提交提供解决方案

假设您使用的是 jquery:

 $('your-input-selector').keypress(function(event) {
     if (event.keyCode == 13) {
       $('form').submit();
     }
 });

Javascript:

HTML 输入

<input type="text" onkeypress="myKeyPressHandler(event)">

Javascript 函数

function myKeyPressHandler(event) {
  if (event.keyCode == 13) {
    document.getElementById("myForm").submit();
  }
}

• 编辑 1

这里是Shift+Enter 组合的解决方案:

J查询:

  $('your-selector').keyup(function (e) {
            if (e.which === 13 && e.shiftKey) {
                alert('shift enter pressed');
                //Do your work here
            }
        });

非 Jquery :

<input type="text" onkeyup="myKeyUpHandler(event)">

Javascript 函数:

function myKeyUpHandler(e) {
    if (e.which === 13 && e.shiftKey) {
        alert('shift enter pressed');
                //Do your work here
    }
}