javascript - 如何在按回车键使用 contenteditable 时多次提交表单

Question

这是我的代码，它工作正常，可以根据需要多次发出警报消息，但只提交一次表单。

$("div[contenteditable]").keypress(function (evt) {
  var keycode = evt.charCode || evt.keyCode;
  if (keycode  == 13) { //Enter key's keycode
  // $("#subcmt_smt").submit();
  alert('cool');
  return false;
  }  
});

我如何让它每次都提交表单？

标签： javascriptjqueryhtmlcss

Answer 1

$(".content").keypress(function(evt) {
    var keycode = evt.charCode || evt.keyCode;
    if (keycode == 13) { //Enter key's keycode
        $(".myForm").submit();
        alert('Form submitted, then this alert came. Try again.');
        return false;
    }
});

$(".myForm").submit(function(event) {
    alert("Handler for .submit() called.");
    event.preventDefault();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
 <form action="/" class="myForm">
  <textarea></textarea>
 </form>
</div>