`
ihibernate
  • 浏览: 153115 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

解决离开页面前onbeforeunload事件在火狐的兼容并且提交不触发

htmljavascriptfirefoxscript 
阅读更多
离开页面前onbeforeunload事件在火狐的兼容并且提交不触发 

<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>
分享到：
| my97datepicker 当天日期前或后不能选中
评论
2 楼 aaron0768 2015-11-25  
第6行多了个e
1 楼 aaron0768 2015-11-25  
博主，我直接copy代码运行，跳转没提示~
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    标题中的“离开网页onbeforeunload事件在火狐的兼容并且提交不触发”涉及到的是Web开发中的一个特定事件处理，即onbeforeunload。这个事件在用户尝试离开当前网页时触发，通常用于确认用户是否真的想要离开页面，...

    关闭浏览器时提示onbeforeunload事件

    `onbeforeunload`事件是JavaScript中的一个非常重要的事件，它允许开发者在用户尝试离开当前页面时执行特定的操作，比如确认用户是否真的想要离开，或者在离开前保存未完成的数据。这个事件在用户关闭浏览器窗口、...

    JS监听关闭浏览器事件

    与`onbeforeunload`不同，`onunload`事件是在页面已经被卸载之后触发的，这意味着此时已经没有机会阻止用户离开页面了。因此，`onunload`事件更适用于清理工作，如释放资源、清除定时器等。 ##### 示例代码分析： `...

    onbeforeunload与onunload事件异同点总结

    在JavaScript中，`onbeforeunload` 和 `onunload` 是两个重要的页面生命周期事件，它们用于在用户离开网页或页面更新时触发相应的处理程序。本文将详细介绍这两个事件的异同点，以及它们在实际应用中的使用场景和...

    js监控IE火狐浏览器关闭、刷新、回退、前进事件.docx

    ### JS监控IE与火狐浏览器关闭、刷新、回退、前进事件 #### 一、引言 在Web应用开发过程中，有时需要对用户的浏览器行为进行监控，比如浏览器的关闭、刷新、前进或后退等操作。这对于提高用户体验、确保应用程序...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    作者还提出了对Firefox的特别处理，因为Firefox在某些情况下只触发`onbeforeunload`事件，而不触发`onunload`。此外，代码中还涉及到使用jQuery的`$.post`方法向服务器发送数据，这可以帮助记录用户的操作行为，例如...

    判断浏览器是刷新还是关闭窗口

    `onbeforeunload` 事件在 `onunload` 之前触发，并且可以被用来提示用户是否继续操作。通过判断鼠标位置、键盘按键状态等信息，可以在一定程度上区分用户是刷新页面还是关闭窗口。 ```javascript window....

    浅谈javascript中onbeforeunload与onunload事件

    例如，Firefox和Opera可能不支持自定义的`onbeforeunload`提示文本，而某些版本的IE在某些场景下可能不会触发`onunload`事件。 在使用这两个事件时，需要注意它们可能带来的用户体验影响，因为频繁弹出确认对话框...

    JavaScript 关于浏览窗口不关闭的问题

    在JavaScript编程中，有时我们需要控制浏览器...总的来说，理解和掌握JavaScript的`window.onbeforeunload`事件及其兼容性处理是网页交互设计中的重要技能，特别是在需要确保用户完成关键操作后再离开页面的场景下。

    捕捉IE关闭按钮事件

    4. **兼容性问题**：由于`onbeforeunload`和`onunload`是IE特有的，它们在其他浏览器（如Chrome、Firefox、Safari等）中的行为可能会有所不同。因此，在实际开发中，为了确保跨浏览器兼容性，你需要使用`window....

    JavaScript实现离开页面前提示功能【附jQuery实现方法】

    离开页面前的提示不可以用onunload去做，因为它只是兼容IE，你要兼容Google与FireFox就蛋疼了。 而且这个事件还是关闭之后才会触发的。 取而代之可以用onbeforeunload去实现。 onbeforeunload可以在用户关闭或刷新...

    js 页面关闭前的出现提示的实现代码.docx

    `onbeforeunload` 是一个非常有用的事件，它在窗口或文档卸载之前触发，可以用来提醒用户是否确认离开页面。下面是一个简单的示例： ```javascript window.onbeforeunload = function () { return "确定离开页面吗...

    Firefox中beforeunload事件的实现缺陷浅析

    根据文章提供的信息，在Firefox中，无论函数返回什么字符串，都不会在页面卸载前显示给用户。这可能是由Firefox的特定实现导致的。 文章提到，在Firefox4之前的版本中，可以通过修改事件对象的returnValue属性来...

    vuejs中监听窗口关闭和窗口刷新事件的方法

    在Vue.js中实现对窗口关闭和刷新事件的监听，是一种常见的需求，可以用来在用户离开页面之前保存信息、提示用户是否真的想要关闭或者刷新页面等。以下是关于如何在Vue.js项目中实现监听窗口关闭和刷新事件的一些方法...

    javascript监听页面刷新和页面关闭事件方法详解

    - Firefox在特定条件下执行`onunload`，但不支持`onbeforeunload`的自定义消息。 - Safari和Chrome在刷新或跳转后执行`onunload`，但不支持关闭浏览器窗口时的`onunload`。 - Opera和Chrome在所有情况下都不会执行`...

    js窗口关闭提示信息（兼容IE和firefox）

    需要注意的是，早期的IE浏览器（IE 9以下版本）与Firefox、Chrome等现代浏览器在实现window.onbeforeunload事件时有所不同。为了兼容旧版IE浏览器，可以采用以下方式： ```javascript window.onbeforeunload = ...

    javascript经典特效---不提示关闭窗口.rar

    为了避免意外地阻止用户离开页面，最好只在确实需要的时候绑定`onbeforeunload`事件，例如在用户进行了一些重要操作后。在用户完成这些操作或者不再需要时，记得解除事件监听，以避免不必要的副作用。 6. **HTML5...

    js离开或刷新页面检测(且兼容FF,IE,Chrome)

    本文将详细介绍如何使用JavaScript来检测页面离开或刷新，并确保兼容Firefox (FF)，Internet Explorer (IE)，以及Chrome等主流浏览器。 一、`onbeforeunload`事件 `onbeforeunload`是JavaScript中的一个事件，当...

Magicbox
Global site tag (gtag.js) - Google Analytics