Jquery阻止窗口关闭
我想询问用户是否真的想要离开页面,当他点击关闭按钮就像在谷歌文档中完成一样。 如何使用jquery做到这一点?
您将窗口的onbeforeunload
属性设置为函数。
这篇文章就如何做到这一点有一个很好的例子。
或者另一个例子:
...
要为您的表单设置needToConfirm
,您可以:
$(document).ready(function() { $(':input', document.myForm).bind("change", function() { needToConfirm = true; }); // Prevent accidental navigation away });
以下为我工作;
$(window).unload(function() { if(event.clientY < 0) { //do whatever you want when closing the window.. } });
JQuery UI可能对您有用 – 请参阅此链接 。 它显示了几种不同类型的对话 – 我想你想要的是“模态确认”。 但请记住,JQuery UI库非常庞大,因此可能会更好地查找更多定制选项(通过搜索JQuery Confirm Modal会出现一些选项)。 我无法保证这些解决方案的质量,因为我从未尝试过。