Question

所以我有这个聊天，
http://codepen.io/anon/pen/Frmez

$(function() {
    $('.textarea-chat').on('keyup', function(e) {
        if (e.which == 13 && ! e.shiftKey) {
            $(this.form).submit()
        return false;
       }
});
});

更新了代码^

但有一个问题是，如果你输入一个文本发送给聊天并按回车键，聊天窗口关闭，它应该保持打开但我无法弄清楚如何

Answer 1

$(this.form).submit()

这实际上提交了<form>。您可能会收到错误“请使用POST请求”，因为默认情况下它使用GET。它不喜欢被发送查询字符串，因此它给出了该错误。你可以把东西发布到它，但什么都不会发生。

为了向其发布内容，您需要使用Ajax。请参阅docs。

例如：

$("#myForm").submit(function () {

    var url = "path/to/your/script.php"; //handle form input by your script

    $.ajax({
        type: "POST",
        url: url,
        data: $("#myForm").serialize(), //serializes the forms elements
        success: function (data) {
            alert(data); //show response
        }
    });

    return false; //avoid executing actual submit of the form
});

按Enter键时展开div关闭

1 个答案: