如何一次使用change（）和keydown（）

Question

当我按Enter键时，这两种方法同时被调用，但是我只想调用一种显示Enter键的方法。

<asp:TextBox ID="txtSerialCodePopUp" runat="server" CssClass="txtSerialCodePopUp form-control" placeholder="Enter SerialNo"></asp:TextBox>


$('.txtSerialCodePopUp').keydown(function(e)
        {
            if(e.keyCode == 13)
            {
                alert("Enter");
                return false;
            }
        });

        $('.txtSerialCodePopUp').change(function()
        {
              alert("Change");
              return false;
        });

在这里，txtSerialCodePopUp是文本框

Answer 1

使用jquery.on触发多个事件，如下所示：

$('.txtSerialCodePopUp').on('keydown change ', function(e) {
    // your code
});

Answer 2

尝试停止事件的传播。 您可以使用

 $('.txtSerialCodePopUp').keydown(function(event) {
   if(event.keyCode == 13) {
     alert("Enter");

     // Stop propagation of the event
     event.stopImmediatePropagation();
     return false;
   }
 });

 $('.txtSerialCodePopUp').change(function() {
   alert("Change");
   return false;
 });

您可以在这里找到文档： https : //api.jquery.com/event.stopimmediatepropagation/

这是此的实现： http : //output.jsbin.com/dikidasuhu

如果要在按下“输入”时调用另一个函数，而不是在更改字段的输入时调用，则此功能特别有用。