离开网页onbeforeunload事件在火狐的兼容并且提交不触发

最新推荐文章于 2021-06-10 23:11:01 发布

最新推荐文章于 2021-06-10 23:11:01 发布 · 320 阅读

文章标签：

#Firefox #JavaScript #HTML #.net #ViewUI

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用 JavaScript 实现的页面离开提示功能。当用户尝试离开当前页面且未保存更改时，会弹出警告框提醒用户可能会丢失已输入的内容。此外，还提供了一个提交按钮用以触发表单提交。

[code="java"]

<html>
<head>
<script language="javascript">

var thisPage=false;

window.onbeforeunload=function checkLeave(e){
var evt = e ? e : (window.event ? window.event : null);        //此方法为了在firefox中的兼容

    if(!thisPage)evt.returnValue='离开会使编写的内容丢失。';
}

function sumbit(){

thisPage=true;

document.getElementById('YourFormId').submit();

}

</script>

</head>

<body>
<p><a href='http://www.baidu.com'>baidu.com</a></p>

<form id='YourFormId' action='http://www.baidu.com'>
      <input type="button" name="button" id="button" value="提交" onclick="sumbit();"/>
</form>

</body>
</html>

附件里有html可以看下效果
http://topic.youkuaiyun.com/t/20060823/13/4969625.html