文本区域上的jQuery键按下事件 [英] jquery key press event on textarea

问题描述

我的textarea的html代码如下.

My html code for textarea is as below.

 <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>

我有一个保存按钮，用于保存上述文本区域中设置的详细信息.所有这些都在弹出窗口中给出

I have a save button to save the details enetered in the above textarea. All these are given in a popup

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

我写了如下的jquery代码.

I have written my jquery code as below.

$(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键时，不会触发该事件.而是将光标移到文本区域的下一行.

When I press enter key after entering text in textarea the event is not getting triggered. instead cursor is going to next line in the textarea.

请帮助我解决此问题.预先感谢.

Please help me in fixing the issue. Thanks in advance.

推荐答案

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

I think you can just listen event on textarea

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

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

PS: don't listen event in document.

这篇关于文本区域上的jQuery键按下事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！