jquery 이벤트 전파

Question

웹 페이지가 있는데 링크를 클릭하면 '이 항목 검토'페이지가 열립니다. 이 두 번째 페이지에서 esc 키를 클릭하여 이전 페이지로 돌아갈 수 있습니다.

두 번째 페이지에는 사진 선택을위한 팝업 양식을 만드는 버튼이 있습니다. 이 팝업 양식에서 esc를 클릭하여 기본 두 번째 페이지로 돌아갈 수 있습니다.

문제는 pop up 양식에서 esc를 클릭하면 pop up 양식이 닫히고 첫 번째 페이지로 돌아갑니다. 나는. Esc를 두 번 클릭 한 것처럼.

이벤트 전파를 알고 있고 e.preventDefault();를 호출 해 보았습니다. 이 코드 섹션 이전에는 작동하지만 작동하지 않는 것으로 나타났습니다.

여기에 뭔가가 있습니까?

Answer 1

당신이 찾고있는 것은 Event 개체의 stopPropagation() 메서드입니다. 이 jquery 이벤트 처리기에서 호출 할 수 있지만 그것은 단지 정상적인 DOM/(순수 js). jQuery를 너무 :

다른 핸들러는 현재 같은 이벤트에 다시가는 곳으로 페이지를 버블 링에서 이벤트를 유지할

$('#modal').on('keyup', function(e) { 
    if (e.which === 27) { 
    e.stopPropagation(); 
    // close the window 
    } 
}); 

.