jquery设置禁止浏览器刷新

代码如下:

$(document).bind("keydown", function(e) {//文档绑定键盘按下事件
    e = window.event || e;//解决浏览器兼容的问题
    if(e.keyCode == 116) {//F5按下
        var delIsHidden = $("#delete_pop").is(":hidden");
        var notSaveIsHidden = $("#not_save_pop").is(":hidden");
        //弹窗显示了,禁止F5刷新
        if(delIsHidden == false || notSaveIsHidden == false) {
            e.keyCode = 0;
            return false;
        }else{//让刷新,并且删除大屏的session
            sessionStorage.removeItem("五分屏");
        }
    }
});

注意:

  1. 这样做的目的是为了,网页内容没有加载完,禁止用户通过F5刷新浏览器,此方法不太好,不应该过多的限制用户
  2. 对于老旧的浏览器不需要去兼容它,早就应该被淘汰了。(特定用户除外)

原文地址:https://www.cnblogs.com/dengyongkang/p/8975359.html

时间: 2024-10-16 15:09:16

jquery设置禁止浏览器刷新的相关文章

如何设置禁止浏览器的缓存

一.打开谷歌浏览器,点击F12打开开发者工具 二.点击开发者工具的菜单,选中setting,进入开发这工具的设置界面,如下图 三.在里面找到network这一大类,然后勾选下面的Disable cache(while DevTools is open)即可 原文地址:https://www.cnblogs.com/ShuiNian/p/12302215.html

JS 禁止浏览器右键菜单和刷新

1 <script language="javascript"> 2 //禁止按键F5 3 document.onkeydown = function(e){ 4 e = window.event || e; 5 var keycode = e.keyCode || e.which; 6 if( keycode = 116){ 7 if(window.event){// ie 8 try{e.keyCode = 0;}catch(e){} 9 e.returnValue =

Windows10设置禁止IE浏览器显示图片的技巧

一位win10 32位系统用户反馈自己因为某些原因,必须要在电脑上使用移动数据流量上网.而此时,IE浏览器若是显示图片的话,就会造成流量消耗过快的问题.那么,在Win10上该如何设置IE浏览器禁止显示图片呢?下面,就随系统城小编来看看具体操作方法吧! 操作方法: 1.点击IE浏览器设置. 2.在设置菜单中,选择Internet选项. 3.选择高级选项卡. 4.在多媒体项目下,取消勾选365bet显示图片. 5.点击确定. 通过上述几步的简单操作,我们就能在Windows10系统下设置禁止IE浏览

jQuery 单页无刷新插件

现在很多网站都使用了单页无刷新效果,这里自己也封装了一个类似 PJAX 的jquery插件(支持浏览器前进后退按钮及url地址更改不跳转),方便以后在项目中应用或参考,在测试的时候注意自己的本地路径,这里采用了ajax所以不能直接点击打开,必须得在本地服务器下执行: 文件目录: index.html 为首页展示页: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8

JQuery 实现页面无刷新

对于JQuery实现页面无刷新的效果,即:应用这个JQuery这个组件,可以实现在页面上加载数据库中的数据信息,但是并没有给用户页面刷新的感觉,这样既可以有效的进行数据交互,也可以不妨碍用户的其他操作.(http://itred.cnblogs.com    itRed: [email protected]) 在用JQuery实现页面无刷新的效果之前,我们需要掌握和了解一些基础知识,以方便我们在进行代码编写时更加的得心应手. 一.异步技术 浏览器预设是使用同步的方式发出请求并等待回应,为了处理浏

一个jquery在不同浏览器下的兼容性问题。

<div id ='pdiv' style='visibility:hidden;'> <div id='cdiv'>子元素</div> </div> 以上HTML. 父div设置了visibility为hidden.当使用jquery获取子div的visibility的值时,在不同版本的IE浏览器得到的值不一样: 在>=IE8时 $("#cdiv").css("visibility")的值为"hidd

JQuery+Js 获取浏览器高度和宽度

JQuery-------做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下. alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括bor

jquery 设置checkbox的checked属性 总是出问题

所使用的jquery版本为jquery-1.9.1,浏览器为Chrome 1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase <input type="checkbox" id="selectAll" onclick="checkAll()">全选 function checkAll() {   var checkedOfAll=$("#selectAll

禁止浏览器缩放网页的HTML代码

禁止浏览器缩放网页的HTML代码 html5默认允许用户缩放页面,如果需要禁止缩放,我们需要将user-scalabel=0设置下,具体代码如下: <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 注意:meta在head里.