Internet Explorer의 onkeypress가 웹 페이지의 키 누르기와 관련된 모든 기능을 호출합니다.

Question

웹 페이지에 두 개의 텍스트 상자와 두 개의 버튼이 있습니다.

각 텍스트 상자에는 반환 키를 확인하고 특정 javascript 함수를 호출하는 자체 keypress 함수가 있습니다.

그러나 문제는 내가 텍스트 상자에 입력을 시작하고 두 함수가 호출되는 경우입니다.이 문제는 Internet Explorer에서만 발생합니다.

때 onKeyPress이 때문에 이벤트 버블 링이다

onkeypress="if(event.keyCode==13) submitEmail();" 

및

onkeypress="if(event.keyCode==13) login();" 

감사

Answer 1

입력 된 태그의 속성이라하고있다. 이벤트가 요소에서 발생하면 DOM 트리를 따라가는 순서로 요소를 포함하는 모든 요소에서 이벤트가 발생합니다. 입력 상자에서 Return 키를 누르면 창에서 return 키를 누릅니다.

input 요소의 onkeypress 속성에 return false;을 추가하면 거품이 생기지 않습니다.

<input ... onkeypress="if(event.keyCode==13) { submitEmail();return false; }"> 

Answer 2

키 누르기 기능을 설정하기 전에 각 입력을 대상으로 스크립트 태그 또는 외부 js 파일에서 설정할 수 있습니다. 답장을

<input type="text" id="email"> 
<input type="text" id="login"> 

<script> 
var emailBox = document.getElementById("email") 
emailBox.onkeypress = function(e){ 
    if(e.keyCode == 13) submitEmail(); 
} 

var loginBox = document.getElementById("login") 
loginBox.onkeypress = function(e){ 
    if(e.keyCode == 13) login(); 
} 
</script>