js监控IE火狐浏览器关闭、刷新、回退、前进事件
<html> <head> <title>test</title> <script language ="javaScript"> <!--关闭浏览器 --> var flag = true; window.onbeforeunload = function () { if (flag) { var evt = window.event || arguments[0]; var userAgent = navigator.userAgent; if (userAgent.indexOf("MSIE") > 0) { var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth - 20; if (b && window.event.clientY < 0 || window.event.altKey) { window.event.returnValue = ("该操作将会导致非正常退出系统(正确退出系统方式:点击退出系统按钮),您是否确认?"); }else { return ("该操作将会导致非正常退出系统(正确退出系统方式:点击退出系统按钮),您是否确认?"); } }else if (userAgent.indexOf("Firefox") > 0) { return ("该操作将会导致非正常退出系统(正确退出系统方式:点击退出系统按钮),您是否确认?"); } } } </script> </head> <body> dengyang <body> </html>
相关推荐
-
监控用户是否关闭浏览器的js代码
test function RunOnBeforeUnload() { window.event.returnValue = '关闭浏览器将退出系统.'; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 效果如下所示: 当wondow.event.returnValue为空的时候,这个选择提示框是不会出现的. 可是问题又来了:假如我希望用户点击"确定"按钮关闭浏览器的时候能够保存用户相关数据.那么我又应该怎么做呢?看来只有用onunload参数了. 将上面的代码修改如下
-
JS监控关闭浏览器操作的实例详解
JS监控关闭浏览器操作的实例详解 需求如下: 用户关闭浏览器通知后台. 方案如下: 1.采用js监控关闭浏览器操作. 2.用户关闭浏览器的时候发ajax请求到后台,执行相应的业务操作 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> &l
-
JavaScript 监控微信浏览器且自带返回按钮时间
比如现在有一个操作 是 A->B->C->B 在B页面的返回键 第一次返回的是C 如果想直接返回A或者其他地方 则需要触发返回事件 pushHistory(); window.addEventListener("popstate", function(e) { //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 window.location = 'http://www.baidu.com'; }, false
-
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
今天,抽空了浏览了下node.js ,哈哈,看了一篇入门的文章(http://www.nodebeginner.org/index-zh-cn.html),自我感觉是入门了,不过里面一句话,挺有感悟: 复制代码 代码如下: 不过,这些毕竟都是前端技术,尽管当想要增强页面的时候,使用jQuery总让你觉得很爽,但到最后,你顶多是个JavaScript用户,而非JavaScript开发者.然后,出现了Node.js,服务端的JavaScript,这有多酷啊?于是,你觉得是时候该重新拾起既熟悉又陌生的
-
js监控IE火狐浏览器关闭、刷新、回退、前进事件
<html> <head> <title>test</title> <script language ="javaScript"> <!--关闭浏览器 --> var flag = true; window.onbeforeunload = function () { if (flag) { var evt = window.event || arguments[0]; var userAgent = naviga
-
js关闭浏览器窗口及检查浏览器关闭事件
js关闭浏览器窗口 js关闭浏览器窗口,不弹出提示框.支持ie6+,火狐,谷歌等浏览器. 复制代码 代码如下: <html> <head /> <body> <script type="text/javascript"> function closeWin(){ window.opener=null; window.open('','_self',''); window.close(); } </script> <a o
-
解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法
今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测,发现登陆成功后执行页面跳转函数这段JavaScript(JS)代码特效在IE和谷歌浏览器Chrome下都可以很好地执行,兼容性还不错.结果到了火狐(FireFox)浏览器下setTimeout这个JS内置函数不执行了,无效了,也没报错!打开FireBUG指望它能检测出JS的错误,结果没用...Javascript(JS)脚本代码在各浏览器下的兼容是一个很头疼的问题,经过一番调试和搜索,终于解决了setTimeout这个JS代码在火
-
捕获浏览器关闭、刷新事件不同情况下的处理方法
在做一些关于会员在线的问题时,往往我们要根据览器是否关闭来判断用户是否下线,然后再从session和application中将此用户移除. 由于浏览器是无状态的,在这时候捕捉浏览器关闭会出现两种情况: 1.真正的关闭浏览器 (a.点击关闭按钮 b.右击任务栏关闭 c.按alt+F4关闭) 2.刷新浏览器. 那如何判断区分这两种动作呢? 一. Javascript代码处理方法: 复制代码 代码如下: function window.onbeforeunload() { //用户点击浏览器右上角关闭
-
JS+CSS实现模仿浏览器网页字符查找功能的方法
本文实例讲述了JS+CSS实现模仿浏览器网页字符查找功能的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS+CSS模仿的网页字符查找功能</title> <style type=text/css> BODY { FONT-SIZE: 12px; LETTER-SPACING: 1pt; LINE-HEIGHT: 22px; MARGIN-LEFT: 5pt; MARGIN-TOP
-
JS实现页面滚动到关闭时的位置与不滚动效果
目录 滚动 不滚动 标题显而易见,要说两种情况:重新打开页面或者返回某个页面时滚动到上次离开时的位置,以及不滚动保持在顶部. 滚动 这也有两种情况:页面重新打开,与返回某个页面.如果是前者,必定用cookie或者localStorage.或者麻烦一点的.在webview中用其他手段.总之这个必须有存储. 然后在组件的activited或是window.onload时取出存储内容改变scrollTop .非常牛逼. 对于原生页面,如果在关键位置没有图片和表格,可以尝试在onreadystatech
-
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
本文实例讲述了js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件.分享给大家供大家参考.具体如下: 完整实例代码点击此处本站下载. 用法 <input type="button" id="btn_dialog" value="打开浮层"/> <div id="dialog-content" style="display:none;">这是内容</div> <sc
-
封装好的js判断操作系统与浏览器代码分享
摘要: 对于前端开发我们最重要的工作就是兼容性,系统的兼容性,浏览器的兼容性等等.今天分享一个我在项目中封装的判断操作系统与浏览器的方法. 操作系统: var os = (function() { var UserAgent = navigator.userAgent.toLowerCase(); return { isIpad : /ipad/.test(UserAgent), isIphone : /iphone os/.test(UserAgent), isAndroid : /andro
-
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
1.页面缩放用到的技术点 (1)zoom zoom:normal | <number> | <percentage> 默认值:normal 适用于:所有元素 继承性:有 可以使用用浮点数和百分比来定义缩放比例. zoom的浏览器兼容性:http://caniuse.com/#search=zoom zoom的兼容性:firefox 全系列不支持. (2)transform transform:scale(1.1,1.1); scale(x,y) 定义 2D 缩放转换. 兼容性:ht
随机推荐
- Android微信自动抢红包插件优化和实现
- HTTP协议简介_动力节点Java学院整理
- windows下vue-cli导入bootstrap样式
- IOS 的弹性滚动解决方案
- python处理二进制数据的方法
- 详细解析Python中__init__()方法的高级应用
- 微信公众平台开发之语音识别.Net代码解析
- 基于input框覆盖掉数字英文的实例讲解
- javascript中巧用“闭包”实现程序的暂停执行功能
- 在PHP中使用模板的方法
- php魔法函数与魔法常量使用介绍
- 详解vue+vueRouter+webpack的简单实例
- Android App在线程中创建handler的方法讲解
- jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
- cnblogs csdn 代码运行框实现代码
- android自定义窗口标题示例分享
- C#权限管理和设计浅谈
- 解决python3 网络请求路径包含中文的问题
- 如何使用docker部署前端应用的方法步骤
- Linux下Docker及portainer相关配置方法