textarea上的jquery按键事件答案

【问题标题】：jquery key press event on textareatextarea上的jquery按键事件
【发布时间】：2014-08-20 16:18:58
【问题描述】：

我的 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();
                                      });
            }
        });

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

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

【问题讨论】：

标签： jquery html

【解决方案1】：

我认为你可以在 textarea 上监听事件

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

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

【讨论】：

【解决方案2】：

试试这个

$("#txtContent").on("keydown", function(e){
 if(e.which == 13){         
   $('#lnkSaveWSR').focus().click();
  return false;
 }
});

$('#lnkSaveWSR').on("click",function(e){
 alert('a');
 });

Demo

【讨论】：