Предотвращение нежелательной нажатия кнопки при нажатии «enter»

Question

У меня есть два текстовых поля, у каждого из которых есть кнопка рядом с ним, когда пользователь нажимает кнопку ввода в одном из текстовых полей, нажимается кнопка рядом с ней (onkeydown - код javascript). Проблема в том, что когда пользователь нажимает кнопку Enter, нажимается кнопка «btnSource_Type», независимо от того, в каком текстовом поле есть фокус.

Я попытался удалить событие «onkeydown» из текстового поля txtSource_Type и по-прежнему нажать BtnSource_Type.

Как я могу только нажать указанную кнопку и не нажать первую кнопку на странице?

<tr> 
    <td width="20%"> Source Type</td> 
    <td width="80%"> 
     <asp:TextBox ID="txtSource_Type" runat="Server" Text='<%# Bind("Source_Type_Name") %>' Width="90%" onkeydown="if (event.keyCode == 13) document.getElementById('MainContent_frmArticle_Source_btnSource_TypeGridView').click();" CssClass="textbox" style=" font-family: 'Segoe UI',Verdana,Helvetica,sans-serif !important; font-size: small !important;font-weight: normal !important;" /> 
     <asp:ImageButton ID="btnSource_Type" OnClientClick=" alert('Source Btn Clicked');" OnClick="btnSource_TypeClick" runat="server" ImageUrl="~/Images/find1.png" Width="3%" /> 

    </td> 

</tr> 
<tr> 
    <td width="20%"> Author Name</td> 
    <td width="80%"> 
     <asp:TextBox ID="txtAuthor" runat="Server" Text='<%# Bind("Author_Name") %>' Width="90%" CssClass="textbox" onkeydown="if (event.keyCode == 13) document.getElementById('MainContent_frmArticle_Source_btnAuthor').click();" style=" font-family: 'Segoe UI',Verdana,Helvetica,sans-serif !important; font-size: small !important;font-weight: normal !important;" /> 

     <asp:ImageButton ID="btnAuthor" OnClick="btnAuthor_Click" runat="server" ImageUrl="~/Images/find1.png" Width="3%" /> 

    </td> 

</tr> 

Answer 1

hope this code helps you: 

$('#txtSource_Type').bind("keyup keypress", function(e) { 
     var code = e.keyCode || e.which; 

     if (code == 13) {     
      $('#btnSource_Type').click(function(e) { 
      perform_task(); 
     } 
     } 
    }); 

аналогично,

$('#txtAuthor').bind("keyup keypress", function(e) { 
      var code = e.keyCode || e.which; 

      if (code == 13) {     
       $('#btnAuthor').click(function(e) { 
       perform_task(); 
      } 
      } 
     });