jquery设置禁止浏览器刷新

Posted 2020-11-02 青城倚雪鹤三卿

代码如下：

$(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. 对于老旧的浏览器不需要去兼容它，早就应该被淘汰了。（特定用户除外）