[英]Button click on enter press JQuery
$("#AddDataStavka, #AddDataRazmer").on("keyup", function (event) { if (event.keyCode == 13) { e.preventDefault(); $("tr.trNewLine").children().first().children().first().get(0).click(); } }); /*This is code inside a document.ready, what I'm trying to do is call this every time a button is pressed and if its the enter key it should click the button. What am I doing wrong? Here's what I'm trying to target:*/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <tr runat="server" id="trNewLine" class="trNewLine" visible="false"> <td runat="server" id="operationCol3"> <asp:LinkButton ID="btnAddDataAdd" runat="server" class="btn btn-pireus" OnClick="btnAddAddData_Click" ToolTip="Добави застраховка"><span>Добавяне</span></asp:LinkButton></td> <td> <asp:DropDownList runat="server" ID="AddDataType" class="DropDownListHint" data-taggle="dropdown" data-style="DropDownListHint-datastyle" OnSelectedIndexChanged="AddDataType_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList> </td> <td> <input type="text" class="form-control form-control-pireus" id="AddDataStavka" clientidmode="static" onchange="glowInsuranceCheck()" runat="server" maxlength="15" text=''> </td> <td> <select class="DropDownListHint" id="AddDataRisk" runat="server" data-placement="top" data-taggle="dropdown" data-style="DropDownListHint-datastyle"></select> </td> <td> <input type="text" class="form-control form-control-pireus bst-suma" id="AddDataRazmer" clientidmode="static" onchange="glowInsuranceCheck()" runat="server" maxlength="19"> </td> <td> <select class="DropDownListHint" id="AddDataInsurer" runat="server" data-placement="top" data-taggle="dropdown" data-style="DropDownListHint-datastyle"></select> </td> <td> <select class="DropDownListHint" id="AddDataInsured" runat="server" data-placement="top" data-taggle="dropdown" data-style="DropDownListHint-datastyle"></select> </td> </tr>
根据您的事件处理程序功能, e.preventDefault
是错误的使用event
而不是
$("#AddDataStavka, #AddDataRazmer").on("keyup", function (event) { if (event.keyCode == 13) { event.preventDefault(); $("tr.trNewLine").children().first().children().first().focus().trigger("click"); } }); /*This is code inside a document.ready, what I'm trying to do is call this every time a button is pressed and if its the enter key it should click the button. What am I doing wrong? Here's what I'm trying to target:*/
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <tr runat="server" id="trNewLine" class="trNewLine" visible="false"> <td runat="server" id="operationCol3"> <asp:LinkButton ID="btnAddDataAdd" runat="server" class="btn btn-pireus" OnClick="btnAddAddData_Click" ToolTip="Добави застраховка"><span>Добавяне</span></asp:LinkButton></td> <td> <asp:DropDownList runat="server" ID="AddDataType" class="DropDownListHint" data-taggle="dropdown" data-style="DropDownListHint-datastyle" OnSelectedIndexChanged="AddDataType_SelectedIndexChanged" AutoPostBack="true"></asp:DropDownList> </td> <td> <input type="text" class="form-control form-control-pireus" id="AddDataStavka" clientidmode="static" onchange="glowInsuranceCheck()" runat="server" maxlength="15" text=''> </td> <td> <select class="DropDownListHint" id="AddDataRisk" runat="server" data-placement="top" data-taggle="dropdown" data-style="DropDownListHint-datastyle"></select> </td> <td> <input type="text" class="form-control form-control-pireus bst-suma" id="AddDataRazmer" clientidmode="static" onchange="glowInsuranceCheck()" runat="server" maxlength="19"> </td> <td> <select class="DropDownListHint" id="AddDataInsurer" runat="server" data-placement="top" data-taggle="dropdown" data-style="DropDownListHint-datastyle"></select> </td> <td> <select class="DropDownListHint" id="AddDataInsured" runat="server" data-placement="top" data-taggle="dropdown" data-style="DropDownListHint-datastyle"></select> </td> </tr>
请使用以下代码。 在元素上使用keydown/keypress
事件。
$('body').on("#AddDataStavka, #AddDataRazmer", "keydown", function (event) {
if (event.keyCode == 13) {
event.preventDefault();
$("tr.trNewLine").children().first().children().first().get(0).click();
}
});
尝试直接选择#btnAddDataAdd:
$("#AddDataStavka, #AddDataRazmer").keypress(function (e){
if (e.which === 13) {
e.preventDefault();
$("#btnAddDataAdd"").click();
};
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.