文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

javascript怎么实现禁止刷新效果

2023-06-14 13:11

关注

这篇文章将为大家详细讲解有关javascript怎么实现禁止刷新效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

js禁止刷新的方法:首先使用“window.event”检测键盘事件对应的内码;然后将内码与“ctrl+R”,F5键,“ctrl+F5”键的键值码进行对比;如果值相同,则设置“returnValue”值为false,取消刷新事件的发生即可。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

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;        }    };

关于“javascript怎么实现禁止刷新效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯