-
关闭页面的时候如何触发JS事件
2013-04-26 09:52:47function bindunbeforunload(){ window.onbeforeunload=perforresult; //window.onbeforeunload 表示.用户关闭浏览器或者是当前网页前执行的操作.... 当页面关闭时操作的内容 如 return 信息;<script type="text/javascript" language="javascript">
function bindunbeforunload(){
window.οnbefοreunlοad=perforresult;
//window.onbeforeunload 表示.用户关闭浏览器或者是当前网页前执行的操作.或者刷新当前页面时
}
function perforresult(){
当页面关闭时操作的内容
如
return 信息;
AJAX 写入数据信息;
设置cookies值等等.
}
</script>
如何使用:
然后在Body 标签 onLoad 事件中加入<body οnlοad="javascript:bindunbeforunload();">
或window.onload = function(){其他操作
bindunbeforunload();
} -
JS事件 卸载事件 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。...
2016-06-14 10:47:06当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。 注意:不同浏览器对onunload事件支持不同。 如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。 ...卸载事件(onunload)
-
js如何实现在监测页面关闭和刷新事件
2017-07-18 17:46:01有一个需求,当用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。 于是自己就想到onbeforeunload、onunload、...onbeforeunload:在页面刷新和关闭的时候触发事件,表示正要去服务器读 取新的页面原文:https://segmentfault.com/q/1010000007685607
有一个需求,当用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。
于是自己就想到onbeforeunload、onunload、onload这几个事件,但是在使用的过程中有种心累的感觉。。。
onbeforeunload:在页面刷新和关闭的时候触发事件,表示正要去服务器读 取新的页面时调用,此时还没开始读取,
onunload:则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。
onload就不用说了
onbrforeunload和onunload都会在刷新和关闭页面是触发,但是onbeforeunload在onunload之前执行,并且它还可以阻止onunload的执行。那么在页面刷新时执行顺序就是onbeforeunload、onunload、onload
但是在使用的过程中,自己深深的踩了一个坑
首先是是兼容性的问题:
正如你看到的菜鸟教程和w3c上的介绍是多么的赏心悦目但是现实总是残酷的,onbeforeunload事件在ie和谷歌中都没有问题,但是在火狐中却没有任何反应,代码如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="cookie.js"></script> <script> //这个在火狐下不起作用 window.onbeforeunload=function(e){ return "我在这写点东西"; } window.onunload=function(){ alert("离开") } window.onload=function(){ alert("加载完成"); } </script> </head> <body> </body> </html>
onbeforeunload中的return是自定义提示信息,并且如果没有return在谷歌中是不会有反应,ie则不会出现这个情况。
onunload事件也只有在ie中才起作用,在其他浏览器中也没有反应。
不知道哪位大神可以解答一下,怎么解决这些问题(百度找了好多,都是一些没有用的方法...) -
js的页面加载事件和页面卸载事件
2018-03-30 22:03:24(1)页面加载事件onload():当页面载入完毕后执行Javascript代码。 浏览器支持: (2)页面卸载事件onunload(): onunload 事件在用户退出页面时发生。 onunload 发生于当用户离开页面时发生的事件(通过...(1)页面加载事件onload():当页面载入完毕后执行Javascript代码。
浏览器支持:
(2)页面卸载事件onunload():
onunload 事件在用户退出页面时发生。
onunload 发生于当用户离开页面时发生的事件(通过点击一个连接,提交表单,关闭浏览器窗口等等。)
浏览器支持:
【范例】在页面载入完毕时提示"请问要将此页面设置为主页吗?",退出页面时弹出"再见"。
【运行效果】<!DOCTYPE html> <html> <head> <title>JavaScript</title> <script type="text/javascript"> function loadHandle(){ alert("请问要将此页面设置为主页吗?"); } function closeHandle(){ alert("再见!"); } </script> </head> <body οnlοad="loadHandle()" οnunlοad="closeHandle()"> </body> </html>
打开页面时:
退出页面时:
-
js - 页面刷新或关闭时发送ajax请求(onbeforeunload事件)
2020-06-08 11:38:31当窗口即将被卸载(关闭)时,会触发该事件.此时页面文档依然可见,且该事件的默认动作可以被取消。 事件创建 <body onbeforeunload="fun()"></body> window.onbeforeunload=function(){fun();}; window.... -
兼容性强的js捕捉网页刷新关闭退出事件的方法
2015-06-26 10:57:00这里说道的离开一个网页,其实分为好几种情况:刷新 关闭 后退我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发... -
js 事件
2019-09-15 09:54:10当用户进入页面,而且所用页面元素完成加载时就会触发这个事件(最典型的是广告弹窗) 原生的onload()事件只会触发一次 2.onunload事件 用户关闭窗口时触发这个事件 3.onbeforeunload onbefor... -
JS常用的事件
2016-11-17 22:29:00当页面关闭时触发 onblur 失去焦点时触发 onfocus 获得焦点时触发 onclick 单击时触发 onmouseover 鼠标悬浮时触发 onmouseout 鼠标离开时触发 onmousedo... -
利用js实现页面关闭时发送http请求
2019-01-03 18:49:06最近在做项目的时候,有这样一个功能,当用户在填写表单之后,或是填写了部分表单,但并没有点击提交,而且是离开了页面,这时需要前端做一个事,就是发个请求到后端保存用户填写的表单数据。 一、在做这件事件... -
js实现jsp中关闭当前页面方法
2016-08-31 18:43:49当在jsp中的button按钮添加如下事件时,如果在PC端打开,可实现关闭当前页面的功能 function myclose() { if (confirm("您确定要退出报名系统吗?")) { window.opener = null; window.open('', '_top', ... -
JS实现Web页面一段时间没有操作,退出或关闭页面
2018-07-04 09:47:43js设置一个倒计时变量,当监听到keydown、mousemove、mousedown等事件时,重置倒计时; 若倒计时变量走到0时,触发相应事件。 3、代码实现 jq代码: /* 30分钟没有操作调回登录界面 creat@date 2018-7-4 by 段凯 ... -
[JS]事件
2020-11-23 11:03:13事件 描述 onload onload 事件会在页面或... onunload 发生于当用户离开页面时发生的事件(通过点击一个连接,提交表单,关闭浏览器窗口等等。) 注意: onunload 事件同样触发了页面载入事件(... -
js冒泡事件处理
2018-11-16 15:22:39页面上如果设定有多个节点嵌套,在节点之间就建立了父子节点关系,如果父子节点同时加入onclick事件,当触发子节点的事件时父节点的事件也会被触发。这样会形成页面事件的多层并发,导致了页面的混乱。解决这个问题... -
原生JS里的onbeforeunload与onunload事件
2017-08-14 10:46:52onbeforeunload与onunload事件都是离开当前页面或者刷新页面时执行; 这两个函数都必须有返回值,可以是一个函数或者字符串, onbeforeunload用法: window.onbeforeunload=function(){ return fn(); }; ... -
js 离开页面
2017-12-07 11:36:00大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面的实现过程很... -
JS监听浏览器的返回、后退、上一页按钮的事件方法
2019-04-28 10:50:00我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者... -
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
2020-12-09 02:31:49我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者... -
antd vue关闭模态对话框_我不能没有的5个Vue.js库
2021-01-02 12:27:30最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包,几乎在我构建的每个应用中都会用到。首选:vue-clickaway我通常会将它安装在 main.js 中,以便在我的应用程序中使用。如果你只在一个... -
js实现关闭网页出现是否离开提示
2020-11-29 06:27:31大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面的实现过程很简单... -
微信支付宝页面点击返回后关闭
2019-10-30 15:02:18需求背景 ...既然已经完成支付了,那么在用户点击返回...js里面有一个popstate事件,当页面返回时会触发这样一个事件。微信支付宝里,直接的监听该事件,在返回按钮点击时,并不能真正的触发popstate事件。需要通过pu... -
js微信监听返回_JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法...
2021-01-17 13:09:30我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者... -
JS在页面上创建元素
2020-03-13 17:57:37默认情况下,页面加载会形成一个文档流,当页面所有内容加载完毕之后,这个文档流(默认的文档流)就会关闭, 当触发某个事件,调用document.write向页面添加内容的时候,就会形成新的文档流,就会覆盖原本的页面内容.... -
vue页面中嵌入iframe外源地址页面 监听iframe 中事件
2020-03-06 13:53:491.需求 vue中需要嵌入iframe 地址是第三方的 当iframeh中页面点击的时候.vue需要监控到这个事件将本页面关闭.代码中 js 发送和接收方法 //vue组件中是个弹框 <template> <el-dialog title="编辑" :... -
created&&activated,解决vue页面不关闭当前页面,跳转出去返回后页面不刷新的问题
2021-01-22 17:09:03在这一步,实例已完成以下的配置:数据观测 (data observer),property 和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el property 目前尚不可用。 created():在创建vue对象时,当html渲染之前就... -
js监听浏览器离开页面操作
2020-03-30 21:09:26大家是否经常遇到在关闭网页的时候,会看到一个确定是否离开当前页面的提示框?想一些在线测试系统、信息录入系统等就经常会有这一些提示,避免用户有意或者无意中关掉了页面,导致数据丢失。这里面的实现过程很...
-
MHA 高可用 MySQL 架构与 Altas 读写分离
-
《软件架构评估》学习笔记
-
console-app-with-di:[C#]。NET CoreのコンコールアプリケーションショDIで-源码
-
网页设计页面浏览信息图:第一印象的魅力
-
js|jq获取兄弟节点、父节点、子节点
-
NFS 网络文件系统
-
linux卸载Kubernetes
-
2021-02-26
-
r7 3700x和i7 10700f哪个好
-
数学建模-层次分析法建模
-
栈的简单介绍
-
spiration_homes_backend:MERN Boys再次罢工:Inspiration Homes潜在MERN Stack网站的资料库-源码
-
Jsplumb从入门到实战
-
statusline.vim-源码
-
C语言-带参数宏定义易出现的隐藏bug和定义方式归纳
-
MaxScale 实现 MySQL 读写分离与负载均衡
-
2021年中国移动经济发展报告-GSMA.pdf
-
数学模型-电路阻塞管理模型
-
1178. Number of Valid Words for Each Puzzle(Leetcode每日一题-2021.02.26)--抄答案
-
特斯拉价格分析策略报告.pdf