Are you sure you want to navigate?
What is the JavaScript code/开发者_JAVA技巧event(s) that is used by sites like stackoverflow and Gmail to test for the user exiting the page once they have begun editing and try to navigate away?
"Are you sure you want to navigate away from this page?"
The event used is called 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 event. Mozilla provides useful example code. you just want to have a function that:
- Returns a string
- Sets e.returnValue to that string, where e is the argument or window.event.
The string will be used as your custom message.
精彩评论