`

页面关闭触发事件

F# 
阅读更多

 

function f() {

    if (event.clientX > document.body.clientWidth && event.clientY < 0 || event.altkey) {

        alert("1");

    }

}

window.onbeforeunload = f;

补充说明:window.onbeforeunload 是窗口关闭触发 f函数,但同时也会在页面 刷新时触发 ,所以在函数f中还要补充条件,计算鼠标是否在窗体内(当用户关闭页面 时,鼠标是移动到上角的X处)

 

 

 

 

分享到:
评论

相关推荐

    javascript页面关闭事件

    ### JavaScript 页面关闭事件详解 #### 一、引言 在Web开发中,有时我们需要在用户即将离开当前页面时执行一些操作,例如询问用户是否确定离开(如果他们对表单进行了未保存的更改)、记录用户的某些行为等。这些...

    javascript 触发事件列表

    ### JavaScript 触发事件列表详解 #### 一、单击事件(onclick) 当用户单击鼠标按键时触发的事件。通常,在HTML元素上定义`onclick`属性,该属性指定一个事件处理程序或一段代码,当点击事件发生时,这段代码将会被...

    光标停止输入触发事件 js

    ### 光标停止输入触发事件 JS #### 概述 本文档将详细介绍一个JavaScript示例,该示例展示了如何在用户停止输入时触发一个事件。这个功能在许多Web应用程序中非常有用,例如实时搜索建议、表单验证或数据同步等...

    laydate时间控件及触发时间校验事件

    `done`函数会在用户选择日期并关闭日期选择面板时触发,参数`value`是用户选择的日期字符串,`date`是完整的日期对象,`endDate`如果是范围选择则表示结束日期。 ```javascript laydate.render({ elem: '#demo', ...

    JS区分浏览器页面是刷新还是关闭

    产品经理可能会提出更细致的需求,例如在页面关闭时和页面刷新时提供不同的提示信息,或者在页面刷新时需要有延时操作,比如在客服系统中,为了避免电话系统频繁签入签出导致的问题,可能会设置一个延时再让用户重新...

    关闭浏览器触发 sesstion__end 来统计减少了客户端访问人

    关于 页面关闭问题 有很多网友提到 ,sesstion 到时间会触发 sesstion__end 来统计减少了客户端访问人,对于这样的问题网络上都含糊不清,这里告诉大家一个方法 1 在 config 页面中写入代码 2 建立一个关闭...

    js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)

    本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) [removed] [removed] = ...

    [js]javascript事件集合(包有触发事件)终版.pdf

    7. 卸载文件事件(onunload):当页面即将被关闭或导航到其他页面时触发,可用于更新cookie状态:`('你确定要离开本页?')"&gt;`。 8. 鼠标覆盖事件(onmouseover):当鼠标指针移到元素上方时触发,如更改状态栏信息:...

    JS 关闭或刷新窗口时发生的事件

    1. `beforeunload`事件:这个事件在窗口即将卸载之前触发,例如当用户尝试关闭窗口、刷新页面或者导航到其他URL时。开发者可以利用这个事件来执行一些清理工作,如释放内存、保存未完成的数据等。此外,它还可以弹出...

    Bootstrap Modal对话框如何在关闭时触发事件

    本篇文章将详细介绍如何在Bootstrap Modal对话框关闭时触发事件。 首先,Bootstrap Modal提供了多个与模态框生命周期相关的事件,例如`show.bs.modal`(打开前触发)、`shown.bs.modal`(打开后触发)、`hide.bs....

    JS针对浏览器窗口关闭事件的监听方法集锦

    在JavaScript中,监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一:适用于IE浏览器,仅在关闭时提示 ```javascript window....

    JS监听关闭浏览器事件

    `onbeforeunload`事件是在用户尝试关闭窗口、标签页或者刷新页面时触发的。这是一个非常有用的事件,因为它允许开发者在用户真正离开页面之前执行一些代码,例如提示用户是否真的想离开当前页面、保存表单数据等。 ...

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

    为此,JavaScript 提供了 `onunload` 事件,它会在浏览器窗口被关闭或者用户离开当前页面时触发。然而,在实际的应用场景中,我们可能会遇到一个棘手的问题:不论是刷新页面还是真正关闭窗口,`onunload` 事件都会被...

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

    - 使用`window.event`来获取触发事件的环境信息,并判断页面是关闭还是刷新。 - 利用`onbeforeunload`事件的返回值来进行判断,如果返回值被设置,则一般表示是关闭页面。 - 检测`onbeforeunload`事件和`onunload`...

    页面加载事件、页面定时任务

    页面加载事件是页面首次加载完成后的触发事件。在JavaScript中,可以通过多种方式来绑定页面加载事件,其中一种常用的方式就是利用jQuery库。 **1. 引入jQuery** 在开始使用页面加载事件之前,首先需要确保项目中...

    ASP.NET页面事件执行过程

    当控件触发事件时,该事件会在其所在的页面内被处理,而不是跨页面传播。这意味着内容页的控件事件不会传递到母版页,反之亦然。尽管如此,母版页和内容页可能会有相同类型的事件(如Init和Load),但它们会按照特定...

    javascript判断页面是否是刷新还是关闭

    在给定的压缩包文件中,`测试关闭页面问题.html`和`测试页面.html`可能是用于模拟和测试页面关闭和刷新场景的示例文件。你可以打开这些文件,根据上面的解释添加事件监听器和`performance.navigation.type`检查,以...

    解决element-ui中下拉菜单子选项click事件不触发的问题

    在使用Vue框架结合Element-UI组件库开发中,我们可能会遇到下拉菜单中子选项的click事件无法触发的问题。Element-UI是一个基于Vue 2.0的桌面端组件库,广泛用于快速开发页面组件。其中,组件提供了下拉菜单功能,则...

    JS监听关闭浏览器事件之Onunload与Onbeforeunload

    `onbeforeunload`事件在页面即将卸载时触发,即当用户尝试离开当前页面或关闭浏览器窗口时。这个事件提供了一个机会来执行一些清理工作,或者询问用户是否真的要离开。它的一个常见用途是弹出一个对话框,确认用户...

Global site tag (gtag.js) - Google Analytics