양식 제출을 방해하지 않고 브라우저 창이 닫히는 것을 어떻게 감지할 수 있습니까?

양식 제출을 가로채지 않고 브라우저 창 닫기 이벤트 캡처

양식 제출과의 충돌을 피하기 위해 브라우저 창 닫기 이벤트를 구체적으로 캡처하려면 jQuery의 beforeunload 이벤트는 약간만 수정하면 활용할 수 있습니다.

beforeunload 이벤트는 현재 상태 그대로, 페이지를 포기하게 만드는 모든 작업을 트리거합니다. 창 닫기 이벤트로만 제한하기 위해 다음 접근 방식을 사용합니다.

• 링크를 클릭하거나 <form> 제출됩니다. 이는 사용자가 양식이나 링크를 통해 의도적으로 페이지를 떠나고 있음을 나타냅니다.

• beforeunload 이벤트 핸들러에서 inFormOrLink 값을 확인합니다.

  • 참인 경우 , 양식 제출 또는 링크 클릭에 의해 이벤트가 트리거되었습니다. 이 경우 사용자에게 확인 메시지를 반환합니다.
  • false인 경우 창 닫기 동작에 의해 이벤트가 트리거된 것이므로 브라우저가 간섭 없이 안전하게 창을 닫도록 할 수 있습니다.

jQuery 버전 1.7 이상에 대한 업데이트된 코드:

var inFormOrLink;
$('a').on('click', function() { inFormOrLink = true; });
$('form').on('submit', function() { inFormOrLink = true; });

$(window).on("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
})

이전 버전 jQuery 버전(1.7 이전):

var inFormOrLink;
$('a').live('click', function() { inFormOrLink = true; });
$('form').bind('submit', function() { inFormOrLink = true; });

$(window).bind("beforeunload", function() { 
    return inFormOrLink ? "Do you really want to close?" : null; 
})

위 내용은 양식 제출을 방해하지 않고 브라우저 창이 닫히는 것을 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!