의 키는

Question

나는 지금 내 스크립트 내가 로그인 기능

$(function() { 

    $(".enter_popup").keypress(function (e) { 
     if (e.keyCode == 13) { 
      if ($(this).attr('id') == "txtUserName" || $(this).attr('id') == "txtPassword") { 
       LogIn(); 
      } 

     } 
    }); 
}); 

function LogIn() { 
    var username = $('#txtUserName').val(); 
    var password = $('#txtPassword').val(); 
} 

를 호출하고있어이 텍스트 상자와 버튼

<table cellpadding="0" cellspacing="0"> 
     <tr> 
      <td align="center"><input name="" type="text" value="" title="User Name" class="width190 enter_popup" id="txtUserName" onfocus="txtFocus(this)" onblur="txtFBlur(this,'0')"/></td> 
      <td align="center"><input name="" type="password" value="" title="Password" class="width190 enter_popup" id="txtPassword" onfocus="txtFocus(this)" onblur="txtFBlur(this,'1')"/></td> 
     </tr> 
     <tr> 
      <td colspan="2" align="center"><input name="" type="submit" class="blue_btn" value="Sign In" id="btnLogIn" onclick="javascript:return LogIn()"/></td> 
     </tr> 

     </table> 

을 가지고 있지만 키를 누를 때 해고되지 않은 JQuery와 모달 대화 상자를 열 .. 왜 어떤 아이디어가 있고 그 해결책은 무엇입니까?

Answer 1

당신은 동적으로 생성 된 요소에 이벤트 위임을 사용할 필요가

$(document).on('keypress','.enter_popup',function(){ 
    /*Your code*/ 
}); 

Answer 2

대신에서 KeyDown 또는의 keyup 이벤트를 사용하려고 :

$(function() { 

$(".enter_popup").keyup(function (e) { 
    if (e.keyCode == 13) { 
     if ($(this).attr('id') == "txtUserName" || $(this).attr('id') == "txtPassword") { 
      LogIn(); 
     } 

    } 
});