<script>
function LeaveWin(){
if(event.clientX>document.body.clientWidth &&event.clientY<0||event.altKey)
{
event.returnValue="window,dfjsdklf,haroldxie!";}
}
window.onbeforeunload=LeaveWin;
</script>
注:三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。
用法:
object.onbeforeunload = handler
<element onbeforeunload = “handler” … ></element>
描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。
handler可以设一个返回值作为该对话框的显示文本。
触发于:
关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回,前进,刷新,主页其中一个的时候
点击 一个前往其他页面的url连接的时候
调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
重新赋予location.href的值的时候。
通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素:
BODY, FRAMESET, window
平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
使用结果:当某些操作导致页面document对象变化时,浏览器会弹出一个对话框。如果用户选择“确定”或"OK",就继续刚才的操作,否则中断。
需要注意的是,当选择OK的时候,unload事件还是触发的,即使已经禁止了事件冒泡和默认行为,因为unload和beforeunload是两个不同的事件。当然如果cancel的话,unload事件就不触发了。
分享到:
相关推荐
标题中的“离开网页onbeforeunload事件在火狐的兼容并且提交不触发”涉及到的是Web开发中的一个特定事件处理,即onbeforeunload。这个事件在用户尝试离开当前网页时触发,通常用于确认用户是否真的想要离开页面,...
onbeforeunload事件 它是这样用的: 代码如下:[removed] g_blnCheckUnload = true; function RunOnBeforeUnload() { if (g_blnCheckUnload) { window.event.returnValue = ‘You will lose any unsaved content...
//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 //页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;...
window.onbeforeunload = function() { var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth-20; if(b && window.event.clientY || window.event.altKey) { ...
获得用户登陆状态不用说了,判断离开的话就有一点问题了,如果说用户都是按照设计者的规定触发退出事件离开的话那就没什么难度了,但是用户的离开方式多种多样,怎么在用户非法离开的时候即时的判断离开呢?...
百度之,有onbeforeunload与onunload这两个事件,但是onbeforeunload在用户刷新的时候也会执行。搞得我弄的挺久的,所以想在这里做一个小小的总结 onbeforeunload与onunload事件 onbeforeunload定义和用法 ...
本文将深入探讨两个关键的JavaScript事件:“onunload”和“onbeforeunload”,以及它们在实际应用中的差异和使用方法。 ### 一、`onbeforeunload`事件 `onbeforeunload`事件在页面即将卸载时触发,即当用户尝试...
* 使用onunload事件和onbeforeunload事件来处理Session信息的清理 * 使用Asp.Net框架来实现Web注销功能 * 使用Default.aspx页面和main.htm页面来引导用户退出应用系统 * 使用logout.aspx页面来专门负责注销功能 * ...
onload事件是在页面加载完成后触发的,onbeforeunload事件是在页面关闭前触发的,onunload事件是在页面关闭后触发的。 知识点3: 网页缓存清除 网页缓存清除是指清除浏览器中的缓存,以便重新加载网页。清除缓存...
传统的做法是使用BOM(Browser Object Model)事件中的onbeforeunload事件,该事件会在页面即将卸载前触发,允许开发者进行一些操作,如确认用户是否要离开当前页面。然而,仅仅使用onbeforeunload事件并不能完全...
这个功能其实很简单,就是通过处理window、body或frameset对象或元素的onbeforeunload事件实现的。 这个unbeforeunload的具体用法我就不说了,反正几乎能引起当前页面发生跳转的任何动作,都会触发这个事件。并且它...
1. **JavaScript中的onbeforeunload事件**:这是关键事件,它在页面卸载之前触发,包括用户关闭窗口、点击前进/后退按钮或者导航到新的URL。开发者可以为这个事件注册一个处理函数,该函数可以返回一个字符串,...
在JavaScript中,`onbeforeunload` 和 `onunload` 是两个重要的页面生命周期事件,它们用于在用户离开网页或页面更新时触发相应的处理程序。本文将详细介绍这两个事件的异同点,以及它们在实际应用中的使用场景和...
3. **使用onbeforeunload事件**: ```javascript window.onbeforeunload = function() { return '您确定要离开吗?'; }; ``` 这种方法会在用户试图离开页面时显示一个确认对话框,虽然可以提示用户,但并不能...
在原生JavaScript中,可以使用window.onbeforeunload事件来监听窗口关闭和刷新的行为。该事件会在用户尝试离开页面时触发,可以用来执行一些清理工作或者给出提示。 在Vue.js中,可以通过在组件的生命周期钩子中...
**方法一:使用onbeforeunload事件** 可以利用JavaScript的`onbeforeunload`事件来监听用户关闭浏览器窗口或刷新页面的行为,并在这些行为发生前强制执行注销操作。 ```javascript function window.onbeforeunload...
* BUG: 修改了在IE上切换到代码模式后点击图标触发onbeforeunload事件的问题。 * BUG: 修改了在Firefox上光标在图片旁边时点击鼠标右键,弹出右键菜单的问题。 * BUG: 修改了在Firefox上无法修改/删除图片的超级链接...