想知道,是否可以创建具有多个选项的警报?
例如,在Facebook中,当您还未完成输入消息时尝试关闭标签页/窗口时,将弹出带有“离开此页面”和“保持在此页面”选项的警报。
带有表单的示例,您正在寻找window.onbeforeunload:
<script type="text/javascript">
var originalFormContent
var checkForChanges = true;
jQuery(document).ready(function () {
originalFormContent = jQuery('#myForm input[type=text]').serialize() + jQuery('#myForm select').serialize();
});
function onClose() {
if (checkForChanges && originalFormContent != "undefined") {
var content = jQuery('#myForm input[type=text]').serialize() + jQuery('#myForm select').serialize();
if (content != originalFormContent) {
return confirm('You have unsaved changes. Click OK if you wish to continue ,click Cancel to return to your form.');
}
}
}
window.onbeforeunload = onClose();
您指的是window.onbeforeunload
:
Best way to detect when a user leaves a web page?
您也可以将window.confirm()
功能用于OK
/ Cancel
选项:
除此之外,您还必须实施自定义模式警报,例如jQuery Dialog。
alert("ree i love mine craft witch is cool boiiiiii");