在Textarea中按回车键时提交评论

Question

如何通过按下回车键来强制发布评论？目前在按下回车键时会产生一个新行。我在这里看到了很多关于SO的文章，但是我似乎无法弄清楚。

这是我尝试过的：

function enterForm(event) {
     if(event.keyCode == 13) {
          runForm();
     }
}
function enterForm(event) {
     if(event.keyCode == 13) {
          runForm();
     }
}  

---

在textarea标签中添加onKeyUp=”enterForm(event)”。但是没有起作用。

我还尝试了类似于这样的方法：

$('.cmnt_new').on('keyup', function(e) {
    if (e.which == 13 && ! e.shiftKey) {
        // your AJAX call
    }
});

---

- cooking good

---

使用 textbox 替代 textarea 或在 textarea 中添加 javascript 处理程序，不过我没有阅读你的代码。 - The Alpha

简化一下。你的事件绑定是有效的：http://jsfiddle.net/Tentonaxe/5JKy8/，问题必须在其他地方。此外，这对于您的用户体验来说是一件可怕的事情。 - Kevin B

你展示的第一个例子应该可以工作。使用 $('.cmnt_new').on... 的 jQuery 示例将适用于任何在运行该 JS 时已经存在 class="mnt_new" 的元素。但是，由于你是动态创建文本区域的，而且没有给它赋予该类。 - nnnnnn

谢谢大家，我注意到它在fiddle上可以工作，但是我无法让它在我的页面上工作。@KevinB，我尝试将更改应用于文本框，但我的文本区域完全消失了。仍然卡住了。 - cooking good

@nnnnnn，您能否详细说明一下？我还卡在这里。 - cooking good

<textarea id="cmnt_new" name="cmnt_new" rows="1" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }"></textarea>'; 我刚刚意识到我的提交按钮指向了错误的按钮，而我实际需要指向的是一个样式化的div...有人可以帮忙吗？我尝试使用评论函数代替this.form.submit...像这样：this.form.add_comment()，但没有成功。 - cooking good

Answer 1

尝试按键事件，如此处所示：

使用jQuery在按下“Enter”键时提交表单？

$('.input').keypress(function(e) {
    if(e.which == 13) {
        jQuery(this).blur();
        jQuery('#submit').focus().click();
    }
});

- spojam

---

JavaScript 工作得有点，但实际上它并没有处理我的数据。'<textarea id="cmnt_new" name="cmnt_new" rows="1" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }"></textarea>'； - cooking good

我刚刚意识到我的提交按钮指向了错误的按钮，而我实际需要指向的是一个样式化的div...有人可以帮忙吗？我尝试使用注释函数代替this.form.submit...像这样：this.form.add_comment();但没有效果。 - cooking good