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>

我有一个保存按钮，用于保存上面textarea中输入的详细信息。所有这些都是在弹出窗口中给出的

 <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键时，事件不会被触发。而光标将转到textarea中的下一行。

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

Answer 1

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

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

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

Answer 2

试试这个

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

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

Demo

textarea上的jquery按键事件

2 个答案: