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

标签 javascript jquery html css

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

$("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;
  }  
});

如何让它每次都提交表单?

最佳答案

$(".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>

关于javascript - 如何在按回车键使用 contenteditable 时多次提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52633014/

相关文章:

javascript - 根据菜单选择显示/隐藏表单输入字段

innerhtml 中的 javascript 标签

javascript - 使用 javascript 执行查找/匹配,忽略特殊语言字符(例如重音)?

javascript - Form.target = window.opener.name 不起作用

javascript - 水平和垂直滚动 HTML 表格,同时左列固定,标题固定以进行垂直滚动

javascript - 粘贴事件在内容可编辑中未按预期工作

当搜索查询没有匹配结果时,Javascript 发出警报

javascript - jquery如何在单击另一个事件时禁用滚动事件

javascript - 创建一组 "fake"Web 服务的简单方法

javascript - 在不使用模块揭示模式的情况下,有没有办法可以在匿名函数内访问 "this"?