Khi người dùng đã thay đổi thứ gì đó trong biểu mẫu, sau đó nhấp vào bất kỳ liên kết nào sẽ đưa anh ta đến trang khác, tôi muốn kích hoạt cửa sổ bật lên với "Bạn có muốn để Lưu trước khi rời? " Tùy chọn.Cách kích hoạt hộp thoại bằng JS trước khi rời trang hiện tại
Tôi làm cách nào để thực hiện việc này?
Ví dụ:
<script type="text/javascript">
var shouldConfirm = false;
window.onbeforeunload = function() {
if(shouldConfirm) {
return "You have made unsaved changes. Would you still like to leave this page?";
}
}
</script>
<input id="FullName" type="text" />
<script type="text/javascript">
document.getElementById('FullName').onchange = function() {
shouldConfirm = true;
}
</script>
Có một bài viết đầy đủ tại 4GuysFromRolla.com.
Đây là cách nó có thể được thực hiện nhưng điều này không phải lúc nào cũng đáng tin cậy:
<html>
<head>
<script type="text/javascript">
function leaving()
{
if(confirm("Would you like to save?"))
{
//Save info
}
else
{
//Don't save
}
}
</script>
</head>
<body onUnload="leaving()">
<!--Stuff-->
</body>
</html>