jQuery 키 누르기 이벤트 문제

Question

폼 필드를 멀리 (blur) 이동할 때 및 양식 필드 내에서 Enter 키를 누를 때 모두 호출 할 함수 (filterLeads) 있습니다.

$('#filter input, #filter select').blur(filterLeads); 
$('#filter input, #filter select').keypress(function(e){if(e.which == 13) {filterLeads();}}); 

흐림 효과가 제대로 작동하지만 키 누르기 이벤트에 문제가 있습니다. filterLeads()를 호출하기 전에 이벤트가 발생하지 않으면 이벤트가 시작되지 않습니다.

$('#filter input, #filter select').keypress(function(e){if(e.which == 13) {alert(e.which);filterLeads();}}); 

경고 (올바른 키 코드가 표시됨)를 확인한 후 올바르게 filterLeads()를 호출합니다.

아이디어가 있으십니까? (브라우저 FF 3.0)

Answer 1

그냥 시도 : 필드를 포함하는 다른 형태는 (있는 경우)를 제출하고 도착하기 때문에 당신은 익명 함수 내에서 return false;, 페이지를 다시로드해야합니다.

filterLeads가 이벤트를 매개 변수로 예상하는 경우, filterLeads(e)을 반드시 작성하십시오. 화재 blur() :

$('#filter input, #filter select').keypress(function(e){$(e.target).blur();}); 

(jQuery를 - 얘기들이었다, 사용자 정의가있을 수 있기 때문에 jQuery를 이벤트 첨부) 아무것도 다른 할 수없는 경우 그리고

.

$('#filter input, #filter select').keypress(function(e){if(e.which == 13) {filterLeads(); e.preventDefault(); }}); 

Answer 2

단지 다음과 같이 이벤트 핸들러 내부 e.preventDefault();를 추가합니다. 또한 keypress은 this information에 따라 사용하기에 최적의 이벤트가 아닐 수 있습니다.

이 같은 것을보십시오 :

$("#filter input, #filter select").keyup(function(e){ 
var key = (e.which) ? e.which : e.keyCode; 
if(key == 13){ filterLeads(e) } 
}); 

Answer 3

당신은 FF를 대상으로하는 이유를 모르겠어요 ...하지만 당신은 또한 e.keyCode를 사용하여 all non-FF browsers을 포함해야한다 :