종료하려고하면 사용자에게 알림 페이지가 수정되었습니다. 어떤 기술입니까?

Question

사용자가 양식이있는 페이지에 있고 편집 한 다음 다른 페이지로 이동하려고하면 어떻게 알릴 수 있습니까?

사람들은 어떻게합니까?

모든 입력 필드의 해시를 계산하고 페이지를 종료하는지 비교하는 문제입니까?

페이지 언로드 이벤트가 있습니까?

Answer 1

실제로 뭔가 변경 한 경우에만 사용자에게 메시지를 보내고 싶습니다. 다음과 같은 것 :

var changesMade = false; 

function onDataChanged() { 
    changesMade = true; 
} 

$('input:text, textarea, select').change(onDataChanged); 
$('input:checkbox, input:radio').click(onDataChanged); 

$(window).bind('beforeunload', function() { 
    if (changesMade) { 
     return 'Changes have been made. Are you sure you want to leave the page?'; 
    } else { 
     return null; 
    } 
}); 

Answer 2

onbeforeunload 이벤트 :이 메시지가 표시됩니다 일부 브라우저에

$(window).bind('beforeunload', function() { 
    return 'Are you sure?'; 
}); 

는 다른 브라우저에 메시지가 표시되지 않습니다. 사용자가 선택할 수 있도록 모든 브라우저에서 Leave 및 Stay 버튼이있는 대화 상자를 표시합니다 (알고있는 한).

Answer 3

beforeunload 이벤트를 사용하십시오.

$(window).bind('beforeunload', function() { 
     return confirm("Alert user"); 
    });