gpt4 book ai didi

javascript - 如何检测页面是否被 anchor 标记重新加载?

转载 作者:行者123 更新时间:2023-12-03 05:50:27 26 4
gpt4 key购买 nike

我有一个页面(index.html),它看起来像:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="index.html" target="_top" >reload</a>
</body>
</html>

当用户点击 anchor 标记时,由于页面 href="index.html" 的相同引用,index.html 会重新加载。

那么,有没有办法检查用户是否单击 anchor 标记或通过其他方式重新加载,例如按 F5 键或务实地(window.location.reload())。

编辑:

window.onbeforeunload = function(){
// how to capture here
}

最佳答案

对于window.onbeforeunload你可以这样做:

window.onbeforeunload = function(e) {
e = e || window.event;
e.preventDefault = true;
e.cancelBubble = true;
e.returnValue = 'test';
}

至于 Bootstrap 和 FontAwesome 尝试:

CSS:

<!-- Modal -->
<div id="modalId" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><span>Page Loader</span></h4>
</div>
<div class="modal-body">
<p>Please wait...</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

JavaScript:

window.onbeforeunload = function(e) {
e = e || window.event;
e.preventDefault = true;
e.cancelBubble = true;
$('.modal-body').append('<span class="fa fa-spinner fa-spin" aria-hidden="true"></span>')
$('#modalId').modal('show');
};

关于javascript - 如何检测页面是否被 anchor 标记重新加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40175936/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com