0

背景：我正在制作一个类似于 facebook 墙的页面，该页面将有很多帖子，您应该能够评论每一个帖子。所以在这一页中有很多形式（当然）。我只需要提交其中一个。

所以是的，我找到了这个问题的答案，但没有一个有效，所以在这里问：

我得到了这样的表格：

    <form enctype="text/plain" action="submitcomment.php" method="post" target="output_frame" id="comment<?php echo $prepare_data['post_id']; ?>">
    <textarea name="comment" id="comment" onkeypress="return submitViaEnter(event)" value="" autocomplete="off"></textarea>
    <input type="hidden" name="hiddenid" id="hiddenid" value="<?php echo $prepare_data['post_id']; ?>" />
    </form>

我的 JavaScript 函数如下所示：

function submitViaEnter(evt) {
    evt = (evt) ? evt : event;
    var target = (evt.target) ? evt.target : evt.srcElement;
    var form = target.form;
    var charCode = (evt.charCode) ? evt.charCode : ((evt.which) ? evt.which : evt.keyCode);
    if (charCode == 13) {
        document.forms[this.form.id].submit();
        alert("sent!");
        return false;
    }
    return true;
}

如果我使用文本框，它可以工作，但是当我使用 textarea 时，它就不能工作。尝试按 enter 没有任何作用。

4

3 回答 3

1

使用 jQuery 并通过 javascript 将函数绑定到事件：

$(function(){
    $('form > textarea').on('keyup', function(e){
        if (e.keyCode == 13) {
            // do whatever you want to do, for example submit form
            $(this).parent('form').trigger('submit');
        }
    });
});

不过要小心 - 它会在每一个新行上提交。人们倾向于在 textareas 中编写多行文本，因此这种行为可能是意料之外的

于 2012-11-15T16:32:35.333 回答
0

此代码流在jsfiddle 测试中运行良好。请注意，您不应该使用e.charCode, 因为e.keyCode（IE）和e.which（其他）就足够了。看到这个问题。

此外，您查找表单的代码过于复杂且没有必要，请更改以下内容：

var form = target.form;
...
document.forms[this.form.id].submit();

对此：

target.form.submit();
于 2012-11-15T19:22:57.503 回答
-2

像以前一样让你的文本区域嵌套在你的表单中，但是给它们类名而不是 id。这样，jquery 可以使用该特定类名引用 DOM 中的所有文本区域。

<form name="form1" enctype="text/plain" action="submitcomment1.php" method="post" target="output_frame">
<textarea name="comment1" class="comment" value="" autocomplete="off"></textarea>
</form>
<form name="form2" enctype="text/plain" action="submitcomment2.php" method="post" target="output_frame">
<textarea name="comment2" class="comment" value="" autocomplete="off"></textarea>
</form>

然后，像这样调整 Jura 的代码，它应该引用文本字段所在的正确形式。

$(function(){

  $('.comment').on('keyup', function(e){

    if (e.keyCode == 13) {

      $(this).parent('form').trigger('submit');

    }
  });
});
于 2012-11-15T16:56:50.783 回答