jquery文本区域上的按键事件

Question

我的textarea的html代码如下。

 <div class="controls">
                        <asp:TextBox ID="txtContent" TextMode="multiline" Columns="75" Rows="5" runat="server"
                            ToolTip="Content" data-val-required="Content is required." Width="154px" data-val="true"
                            Style="width: 400px; height: 75px; resize: none;"> </asp:TextBox>
                        <span class="field-validation-valid text-warning red" data-valmsg-for="txtContent"
                            data-valmsg-replace="true"></span>
                    </div>

我有一个保存按钮来保存在上面的文本区域中输入的详细信息。所有这些都在弹出窗口中给出

 <button id="lnkSaveWSR" title="Save" class="btn btn-small btn-success"
onclick="AddWSRActivity();"
                runat="server">
                <i class="icon-ok"></i>Save
            </button>

我编写的 jquery 代码如下。

$(document).keypress(function (e) {
            var code = (e.keyCode ? e.keyCode : e.which);
            if (code == 13) {
                if (!$('#form1').valid()) {
                    return false;
                }
                WSR.content = $('#txtContent').val();
                WSR.CategoryId = $('#ddlAddWSRCategory').val();
                var WSRAddUrl = ISM_Web_Path + '/WSR/WSRHandler/SaveActivities/' + ISMAjaxHandlerName;
                $.post(WSRAddUrl, { WSRInfo: $.toJSON(WSR) },
                                      function (data) {
                                          parent.ShowSuccessMessage(ISM_JS_Constants.Global.Data_Add_Suc_Msg);
                                          parent.$('#AddWSRModal').modal('hide');
                                          parent.RefreshWSRGrid();
                                      });
            }
        });

当我在文本区域输入文本后按回车键时，事件不会被触发。相反，光标将转到文本区域中的下一行。

请帮我解决这个问题。提前致谢。

Answer 1

我认为你可以只监听文本区域上的事件

$("#txtContent").on("keydown", function(e){
  if(e.which == 13){
    // your code
    return false;
  }
});

PS:不要监听文档中的事件。