언로드 전 팝업 메시지를 사용자 정의할 수 있나요?

Beforeunload 팝업의 사용자 정의 메시지

배경

window.onbeforeunload 이벤트를 사용하면 웹 개발자가 사용자가 페이지에서 다른 곳으로 이동하려고 할 때 확인 메시지를 표시합니다. 이전에는 확인, 경고 또는 event.returnValue와 같은 방법을 사용하여 이 팝업에 사용자 정의 메시지를 설정할 수 있었습니다.

현재 상태

안타깝게도 브라우저 보안 강화로 인해 , Chrome, Opera, Firefox 및 Safari.

대체 접근 방식

window.onbeforeunload 이벤트 핸들러의 반환 값을 사용하여 일반 확인 메시지를 표시할 수 있습니다. jQuery에서는 다음과 같이 달성할 수 있습니다.

$(window).bind("beforeunload", function(event) {
    return "Are you sure you want to leave?";
});

일반 JavaScript에서:

window.onbeforeunload = function() {
    return "Confirm your exit?";
};

브라우저 호환성

모든 브라우저가 그런 것은 아니지만 beforeunload 팝업에서 사용자 정의 메시지를 지원하면 반환 값 접근 방식이 널리 호환됩니다. 참고:

• Firefox에서는 메시지가 표시되기 전에 사용자가 페이지와 상호 작용해야 합니다.
• 각 브라우저는 일반 메시지에 추가 텍스트를 추가할 수 있습니다.

지원 제거

다음 브라우저는 지원을 제거했습니다. beforeunload 팝업의 사용자 정의 메시지:

• Chrome: 버전 51
• Opera: 버전 38
• Firefox: 버전 44.0(확인되지 ​​않음)
• Safari : 버전 9.1

결론

beforeunload 팝업의 사용자 정의 메시지는 대부분의 최신 브라우저에서 더 이상 지원되지 않습니다. 웹 개발자는 window.onbeforeunload 이벤트 핸들러를 사용하여 일반 확인 메시지를 계속 표시할 수 있습니다.

위 내용은 언로드 전 팝업 메시지를 사용자 정의할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!