刷新关闭浏览器调用的onbeforeunload在ie9/10当点击确认easyui的弹出框时，也会调的问题的解决

最新推荐文章于 2022-08-14 16:10:56 发布

github_39274378

最新推荐文章于 2022-08-14 16:10:56 发布

阅读量641

点赞数

分类专栏： ie兼容文章标签： ie兼容 easyui

本文链接：https://blog.csdn.net/github_39274378/article/details/77369868

版权

ie兼容专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>onbeforeunload Demo</title>
 <link rel="stylesheet" type="text/css" href="../src/easyui/easyui.css">
 <link rel="stylesheet" type="text/css" href="../src/easyui/icon.css">
 <link rel="stylesheet" type="text/css" href="../src/easyui/demo.css">
 <script type="text/javascript" src="../src/easyui/jquery.min.js"></script>
 <script type="text/javascript" src="../src/easyui/jquery.easyui.min.js"></script>
</head>
<body>
<h2>Alert Messager</h2>
<p>Click on each button to display different alert message box.</p>
<a href="../ierightclick.html">跳转到其他页面</a>

<button>点击按钮</button>
<div style="margin:20px 0;">
 <div style="margin:20px 0;">
  <a href="#" class="easyui-linkbutton" οnclick="alert1()">Alert</a>
  <a href="#" class="easyui-linkbutton" οnclick="confirm1();">Confirm</a>
 </div>
</div>
<script>
 //修改easyui源码加入一个独有的全局变量，只有当点击的是easyui的弹出框才能拿到这个变量，控制onbeforeunload的开关
 var status=true;
 window.onbeforeunload=function(){
  if(status){
   alert('刷新');
   //刷新关闭后要调的方法
  }
  else{
   status=true;
   return "";
  }
 };
 function alert1(){
  $.messager.alert('My Title','Here is a message!');
 }
 function confirm1() {
      $.messager.confirm('My Title', 'Are you confirm this?', function (r) {
          if (r) {
              alert('confirmed: ' + r);
          }
      });
 }
</script>
</body>
</html>