个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在创建一个网络应用程序，在登录用户导航到主页后，我有一个导航栏(链接到页面/url)。导航栏是这样的主页-导航到主页个人资料 - 导航到个人资料页面聊天 - 当用户点击聊天链接时导航到聊天页面。我希望当用户意外或手动关闭浏览器窗口时，他应该收到警告，因为我使用了这样的 onbeforeunload 函数
<script language="JavaScript">
window.onbeforeunload = confirmExit;
function confirmExit()
{
return "You have attempted to leave this page. If you have made any changes to the fields without clicking the Save button, your changes will be lost. Are you sure you want to exit this page?";
}
</script>
现在，当我在聊天页面上关闭浏览器时，我收到以下警告“您已尝试离开此页面。”这工作正常，但现在的主要问题是当我点击其他链接时Profile 或 Home 这个函数被调用，我收到这个警报，即使我已经在 chat.jsp 中实现了这个代码。即使我刷新这个页面我收到上面提到的这个警报，只有当我关闭 chat.jsp 页面的窗口而不是其他页面或 Refresh.Plese 帮助
最佳答案
Onbeforeunload 在通过刷新、导航或页面关闭卸载页面时触发。您可以将 onclick 事件处理程序添加到页面上的 anchor 以删除您的 onbeforeunload 事件以避免它，并且您可以对窗口/正文/页面上的 onkeydown 事件执行相同的操作但是我不相信有一种方法可以捕捉用户按下浏览器的刷新按钮。
例子:
<html>
<head>
<script type="text/javascript">
function warnUnload(){
return "Your message here...";
}
function linkNavi(){
window.onbeforeunload = null;
}
function isRefresh(e){
var key = null;
if(window.event) // IE
key = e.keyCode;
else if(e.which) // Netscape/Firefox/Opera
key = e.which;
if(key == 116) //F5
window.onbeforeunload = null;
}
window.onbeforeunload = warnUnload;
window.onkeydown = isRefresh;
</script>
</head>
<body>
<a href="http://google.com">Google</a>
<a href="/" onclick="return linkNavi();">Home</a>
</body>
</html>
关于javascript - javascript+onbeforeunload，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1250559/
25
4
0
这是我用于window.onbeforeunload的代码 window.onbeforeunload = func; function func() {
我对我的申请有疑问。每当用户意外关闭浏览器窗口时，我想在此之前执行一些清理操作。我已经使用了 onunload 事件，但问题是该事件有时会触发，有时不会。我该怎么办，有没有更好的方法来处理此类问题。
这是我用于window.onbeforeunload的代码 window.onbeforeunload = func; function func() {
我正在尝试开发一个带有单独设置窗口( Electron )的应用程序。当设置窗口打开而主窗口关闭时，我想防止主窗口关闭并聚焦设置窗口。 现在我这样做如下: window.onbeforeunload
我对 JavaScript 还很陌生。我有一个简单的 onbeforeunload 函数，当前适用于所有页面，我希望它为某些子页面(#clients、#products、#news)激活，但不适用于我
我正在使用以下代码。但由于事件未定义，我得到了结果。造成这种情况的可能原因是什么？ window.onbeforeunload = function(event){ if(window.e
我想要实现的是，如果用户尝试关闭页面或在不先保存的情况下导航离开页面，则警告用户未保存的更改。 我已经设法弹出 OnBeforeUnload() 对话框...但如果用户没有修改任何字段值，我根本不希望
我有一个 onbeforeunload 事件，该事件应该在用户访问新页面时触发。它工作得很好，但我发现每当用户从他们所在的页面下载文件时，它也会在 Chrome 中触发。 我希望能够判断该事件是否因为
我想检查当前浏览器是否支持 onbeforeunload 事件。常见的 javascript 方法似乎不起作用: if (window.onbeforeunload) { alert('yes
我现在有这个小脚本，用于检查表单上是否进行了任何更改。如果有变化然后我将标志设置为“Y”。我在 body 标记中的 onBeforeunload="changeConfirm()"位置调用此函数。我知
在 MVC 应用程序中离开页面之前，我使用以下 JS 进行确认。 window.onbeforeunload = function() { return 'Any Unsaved data w
这是一个最小的例子 - index.php hi there var id = ""; script.js $(document).read
我有这个代码: (function() { window.onbeforeunload = function () { alert("hi") co
我使用这个片段已经快两年了。那时还好，直到我看到它今天在 Google Chrome 版本 51.0.2704.103m 上无法正常工作。 $(window).on('beforeunload', f
2007 年，在一篇名为“Mastering The Back Button With Javascript”的帖子中，Patrick Hunlock 声称只包含一个 onbeforeunload页面
我们有一些用户填写的表格。如果在此过程中导航离开，我需要执行操作。 我发现了许多在浏览器中组合 onbeforeunload 和 unload 的示例，以提示用户并提醒他们，如果他们关闭或导航离开信息
如何禁用链接的 onbeforeunload？ var show = true; function showWindow(){ if(show){ alert('Hi
我正在通过以下代码跟踪窗口关闭/导航事件。 window.onbeforeunload = winClose; function winClose() { if (isData
我有 Uber-Upload! 我想做的是，如果你按下那个按钮，它也会设置一个变量，这样如果你试图离开页面，它会弹出其中一个“你确定要离开吗此页面”警报，以防止人们在上传过程中意外离开。 不要担
我想在用户离开网站时更新数据库。我正在为我的网站使用 php。我正在使用 javascript 函数 onbeforeunload 并通过 ajax 调用 php 来更新数据库。 现在的问题是 Ope
我是一名优秀的程序员,十分优秀！