jQuery文本框按键事件的翻译:在文本框上触发按键事件。

3

以下是我的文本区域的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();
                                      });
            }
        });

当我在文本区域输入文本后按下回车键,事件没有被触发。相反,光标会移动到文本区域的下一行。
请帮助我解决这个问题。提前致谢。
2个回答

6
我认为你可以在文本区域上监听事件。
$("#txtContent").on("keydown", function(e){
  if(e.which == 13){
    // your code
    return false;
  }
});

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


0

试试这个

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

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

演示


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接