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

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

阅读更多
离开页面前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>
分享到:
评论
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` 是两个重要的页面生命周期事件,它们用于在用户离开网页或页面更新时触发相应的处理程序。本文将详细介绍这两个事件的异同点,以及它们在实际应用中的使用场景和...

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

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

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

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

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

    `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中的一个事件,当...

Global site tag (gtag.js) - Google Analytics