Mã JavaScript/sự kiện được sử dụng bởi các trang web như stackoverflow và Gmail để kiểm tra người dùng thoát khỏi trang khi họ bắt đầu chỉnh sửa và cố điều hướng đi?Bạn có chắc chắn muốn điều hướng không?
"Are you sure you want to navigate away from this page?"
Sự kiện được sử dụng được gọi là onbeforeunload.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<input id="foo"></input>
<script type="text/javascript">
function unloadMessage() {
return "Are you sure you want to leave?";
}
function setConfirmUnload(enabled) {
window.onbeforeunload = enabled ? unloadMessage : null;
}
$(document).ready(function() {
$("#foo").keypress(function() {
setConfirmUnload(true);
});
});
</script>
</body>
</html>
onbeforeunload sự kiện. Mozilla cung cấp mã ví dụ hữu ích. bạn chỉ muốn có một hàm:
Chuỗi sẽ được sử dụng làm thông báo tùy chỉnh của bạn.
Hãy nhớ 'window.onbeforeunload' không hoạt động trong Opera, người dùng sẽ chỉ cần điều hướng đi mà không cần cảnh báo. –
Bạn có chắc là $ ("# foo"). Có vẻ như thay đổi không có hiệu lực cho đến khi trường mất tiêu điểm. –
Bạn nói đúng, nó có ý nghĩa hơn khi xử lý 'nhấn phím 'thay vì' thay đổi'. Tôi đã cập nhật câu trả lời của mình. –