`
zgqynx
  • 浏览: 1355483 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript捕获窗口关闭事件有两种方法

阅读更多
javascript捕获窗口关闭事件有两种方法

1.用javascript重新定义 window.onbeforeunload() 事件

在javascript里定义一个函数即可

function window.onbeforeunload() { alert("关闭窗口")}

alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口

function window.onbeforeunload() {
if (event.clientX>document.body.clientWidth && event.clientY<0 ||event.altKey)
      window.event.returnValue="确定要退出本页吗?"; 
}

2.用onUnload方法

在body 标签里加入onUnload事件

body onUnload="myClose()"

然后在javascript里定义myClose()方法

但是onUnload方法是在关闭窗口之后执行,不是在关闭窗口之前执行,如果你想在关闭窗口之前做判断,请用第一种方法
分享到:
评论

相关推荐

    JavaScript 捕获窗口关闭事件

    本文将详细介绍如何使用JavaScript来捕获窗口关闭事件,并探讨两种常用的方法:重定义`window.onbeforeunload`事件和使用`onunload`方法。 #### 二、使用`window.onbeforeunload`事件 `window.onbeforeunload`事件...

    javascript 浏览器窗口大小改变事件

    在JavaScript中,有以下两个主要的事件用于监听浏览器窗口大小的变化: 1. `resize` 事件:这是最直接与窗口大小变化相关的事件。当你拖动浏览器窗口的边缘或者调整窗口大小时,浏览器会触发这个事件。你可以通过在...

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

    在网页中,刷新页面与关闭窗口虽然都会触发 `onunload` 事件,但我们可以通过监听其他事件来区分这两种情况。 1. **监听 `onbeforeunload` 事件** `onbeforeunload` 事件在 `onunload` 之前触发,并且可以被用来...

    javascript获取窗口属性值

    - **应用场景**:由于不同浏览器的支持情况不同,通常会同时检查这两种方式来确保兼容性。 ##### 9. `document.body.scrollLeft` - **含义**:表示文档主体内容被卷去的宽度。 - **应用场景**:对于宽屏布局来说,...

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

    本文将详细介绍两种在Vue.js中实现这一目标的方法。 首先,我们来了解一下`window.onbeforeunload`事件。这个事件在用户尝试离开当前页面时触发,无论是通过点击浏览器的刷新按钮、关闭窗口,还是导航到另一个URL。...

    JavaScript事件处理的方式(三种)

    有两种主要的事件流模式:事件冒泡和事件捕获。事件冒泡是指事件从最具体的元素(最深的子节点)开始,然后逐级向上层元素传递,直到到达最不具体的节点(通常是document)。事件捕获则相反,事件首先由最不具体的...

    javascript事件大集合

    事件处理通常分为两种方式:事件监听(事件处理程序)和事件冒泡。 二、事件处理程序 1. **内联事件处理**:这是最传统的方法,通过HTML元素的属性(如`onclick`)直接设置JavaScript代码,但这不推荐,因为它会将...

    捕获浏览器关闭、刷新事件不同情况下的处理方法

    例如,可以通过检查鼠标位置和键盘状态来区分这两种情况: ```javascript function window.onbeforeunload() { if (event.clientX &gt; document.body.clientWidth && event.clientY || event.altKey) { // 可能是...

    JavaScript 帮助文档

    函数表达式(匿名函数、箭头函数)和函数声明是两种常见的定义方式。另外,函数也有自己的作用域,分为全局作用域和局部作用域,以及ES6引入的块级作用域。 再者,JavaScript的对象是其强大之处,通过键值对存储...

    JavaScript面试题集锦

    这篇文章涵盖了JavaScript的多个方面,包括eval函数、window和document对象、null和undefined的区别、数组的map方法、事件机制、use strict模式等。 eval函数 eval函数可以将字符串解析成JS代码并执行。但是,eval...

    javascript实用代码大全(一)超经典★★★★★

    8. **模块化**:在JavaScript中,有CommonJS(Node.js中使用)和ES模块(ES6引入)两种主要的模块化方案。require和export关键字分别用于导入和导出模块。 9. **Promise**:Promise是ES6引入的异步编程解决方案,它...

    事件集合js事件集合js事件集合

    处理事件通常有两种方式:事件处理程序(event handler)和事件监听器(event listener)。事件处理程序是在HTML元素中直接指定的,而事件监听器则是在JavaScript代码中添加的,这种方式更加灵活且易于维护。 例如...

    JavaScript_LLM自定义聊天机器人控制台.zip

    - 事件冒泡与事件捕获:事件处理的两种模式,理解它们有助于优化事件处理逻辑。 4. AJAX与Fetch API: - AJAX(Asynchronous JavaScript and XML)用于在不刷新整个页面的情况下,与服务器交换数据并更新部分网页...

    javaScript对象模型与事件处理资料.pdf

    JavaScript是一种强大的客户端脚本语言,尤其在Web开发中发挥着至关重要的作用。它涉及的核心概念之一就是对象模型,包括文档对象模型(DOM)和浏览器对象模型(BOM)。这两个模型帮助开发者操纵网页内容和与浏览器...

    javaScript参考

    事件处理是JavaScript增强用户体验的关键,了解事件模型(捕获、冒泡)和事件监听器是必要的。此外,异步编程,如回调函数、Promise和async/await,是现代JavaScript开发中的重要部分,对于处理网络请求和避免阻塞...

    javascript基础教程(第六版)及随书源码

    在JavaScript中,数组和字符串是两种常用的数据结构。本章会讲解数组的创建、访问、遍历以及常用的方法,如push、pop、concat等。字符串方面,会介绍字符串的基本操作,如拼接、查找、替换等方法。 **第十二章 使用...

    JavaScript 权威指南 中文第6版 (完整目录 淘宝前端团队 译)

    在对象方面,JavaScript支持对象字面量和构造函数两种创建方式,以及原型继承机制。书中会介绍如何通过这些方式创建和操作对象,同时还会涉及作用域和闭包的概念,它们在JavaScript编程中起着至关重要的作用。 函数...

    弹出窗口

    10. **模态与非模态**:弹出窗口有两种主要类型:模态和非模态。模态窗口阻止用户与主界面交互,直到弹出窗口被关闭;而非模态窗口允许用户同时操作主界面和弹出窗口。 以上是关于“弹出窗口”这个主题的一些关键...

    JavaScript参考手册大全合集.chm

    这两份手册全面覆盖了JavaScript的各个方面,无论你是初学者还是有经验的开发者,都能从中找到有价值的信息,提升自己的编程技能。通过深入学习和实践,你将能够编写出高效、健壮且易于维护的JavaScript代码,从而在...

Global site tag (gtag.js) - Google Analytics