刷新页面将提示是否保存数据---JS

最新推荐文章于 2024-05-08 09:00:00 发布

望道同学

最新推荐文章于 2024-05-08 09:00:00 发布

阅读量1.7k

点赞数

文章标签：数据

本文链接：https://blog.csdn.net/qq_26927285/article/details/53264967

版权

javascript 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

    <body>
        <form action="" method="post" name="someForm">

            <input type="text" name="name" id="name" />
            <input type="button" id="btn" value="btn"/>         
            <select name="">
                <option value="11">11</option>
                <option value="22">22</option>
                <option value="33">33</option>
            </select>
        </form>


    </body>

    <script>

function formIsDirty(form) {
  for (var i = 0; i < form.elements.length; i++) {
    var element = form.elements[i];
    var type = element.type;
    if (type == "checkbox" || type == "radio") {
      if (element.checked != element.defaultChecked) {
        return true;
      }
    }
    else if (type == "hidden" || type == "password" || type == "text" || type == "textarea") {
      if (element.value != element.defaultValue) {
        return true;
      }
    }
    else if (type == "select-one" || type == "select-multiple") {
      for (var j = 0; j < element.options.length; j++) {
        if (element.options[j].selected != element.options[j].defaultSelected) {
          return true;
        }
      }
    }
  }
  return false;
}
window.onbeforeunload = function (e) {

  e = e || window.event;
  if (formIsDirty(document.forms["someForm"])) {
    var name1 = localStorage.setItem('name',name);
    console.log(localStorage.getItem('name'));
    // IE 和 Firefox
    if (e) {
      e.returnValue = "对不起，页面数据已做修改，尚未保存，确定要刷新或离开本页面？";
    }
    // Safari浏览器
    return "对不起，页面数据已做修改，尚未保存，确定要刷新或离开本页面？";
  }
};      
    </script>

望道同学

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
刷新页面将提示是否保存数据---JS

<body> <form action="" method="post" name="someForm"> <input type="text" name="name" id="name" /> <input type="button" id="btn" value="btn"/> <select
复制链接

扫一扫