js 实现页面禁止刷新

Posted 我若亦如风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 实现页面禁止刷新相关的知识,希望对你有一定的参考价值。

 

document.onkeydown = function (e) {
    e = window.event || e;
    var k = e.keyCode;
    //屏蔽ctrl+R,F5键,ctrl+F5键  F3键!验证
    if ((e.ctrlKey == true && k == 82) || (k == 116) ||
        (e.ctrlKey == true && k == 116) || k == 114) {
        e.keyCode = 0;
        alert("当前页面不能刷新!");
        e.returnValue = false;
        e.cancelBubble = true;
        return false;

    }
    if (k == 8) {
        alert("不能返回或后退!");
        e.keyCode = 0;
        e.returnValue = false;
        return false;
    }
    //屏蔽 Ctrl+n   验证可以实现效果
    if (e.ctrlKey && k == 78) {
        e.keyCode = 0;
        e.returnValue = false;
        e.cancelBubble = true;
        return false;
    }
    //屏蔽F11   验证可以实现效果
    if (k == 122) {
        e.keyCode = 0;
        e.returnValue = false;
        e.cancelBubble = true;
        return false;
    }
    //屏蔽 shift+F10  验证可以实现效果      
    if ((e.shiftKey && k == 121) || (e.ctrlKey && k == 121)) {
        e.keyCode = 0;
        e.returnValue = false;
        e.cancelBubble = true;
        return false;
    }

    //屏蔽Alt+F4  
    if ((e.altKey) && (k == 115)) {
        window.showModelessDialog("about:blank", "",
            "dialogWidth:1px;dialogheight:1px");
        e.keyCode = 0;
        e.returnValue = false;
        e.cancelBubble = true;
        return false;
    }
    //屏蔽 Alt+ 方向键 ← ;屏蔽 Alt+ 方向键 → !验证
    if ((e.altKey) &&
        ((k == 37) || (k == 39))) {
        alert("不准你使用ALT+方向键前进或后退网页!");
        e.keyCode = 0;
        e.returnValue = false;
        e.cancelBubble = true;
        return false;
    }

};

//屏蔽右键菜单,!验证
document.oncontextmenu = function (event) {
    if (window.event) {
        event = window.event;
    }
    try {
        var the = event.srcElement;
        if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
            return false;
        }
        return true;
    } catch (e) {
        return false;
    }
};

 

以上是关于js 实现页面禁止刷新的主要内容,如果未能解决你的问题,请参考以下文章

js 阻止浏览器默认前进后退不能刷新么

怎么禁止iframe父页面刷新页面

原生js禁止页面滚动

如何禁止页面刷新,按页面上的刷新也不给刷新

HTML代码片段

HTML代码片段