iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >javascript怎么实现禁止刷新效果
  • 352
分享到

javascript怎么实现禁止刷新效果

2023-06-14 13:06:28 352人浏览 薄情痞子
摘要

这篇文章将为大家详细讲解有关javascript怎么实现禁止刷新效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。js禁止刷新的方法:首先使用“window.event”检测键盘事件对应的内码;然后将内码

这篇文章将为大家详细讲解有关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怎么实现禁止刷新效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: javascript怎么实现禁止刷新效果

本文链接: https://www.lsjlt.com/news/270914.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript怎么实现禁止刷新效果
    这篇文章将为大家详细讲解有关javascript怎么实现禁止刷新效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。js禁止刷新的方法:首先使用“window.event”检测键盘事件对应的内码;然后将内码...
    99+
    2023-06-14
  • Android怎么自定义实现下拉刷新效果
    Android中自定义实现下拉刷新效果可以通过自定义View或者使用第三方库来实现。1. 自定义View:- 创建一个继承自View...
    99+
    2023-08-18
    Android
  • vue怎么实现弹窗关闭后刷新效果
    本篇内容主要讲解“vue怎么实现弹窗关闭后刷新效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue怎么实现弹窗关闭后刷新效果”吧!vue弹窗关闭后刷新效果问题列表点击进入详情时弹窗内容重新赋...
    99+
    2023-06-29
  • Android中怎么实现淘宝下拉刷新效果
    Android中怎么实现淘宝下拉刷新效果,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。步骤:自定义一个view。(包含圆弧的绘制和箭头的显示和隐藏)2、自定义头部。1)、创建a...
    99+
    2023-05-30
  • Android 实现的下拉刷新效果
    下面是自己实现的效果: 1、分析 可以将动画分解成: 睁眼毛驴绕着中心地球旋转,并且在到达地球中心时,切换为闭眼毛驴,最后发射出去 地球自我旋转,随着下拉而缓缓上升,达到半径距离后...
    99+
    2022-11-12
  • 怎么使用javascript停止页面刷新
    这篇文章主要介绍“怎么使用javascript停止页面刷新”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么使用javascript停止页面刷新”文章能帮助大家解决问题。一、默认情况下的页面刷新当我...
    99+
    2023-07-06
  • jQuery如何实现滚动刷新效果
    这篇文章给大家分享的是有关jQuery如何实现滚动刷新效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新...
    99+
    2022-10-19
  • javascript观察者模式如何实现自动刷新效果
    小编给大家分享一下javascript观察者模式如何实现自动刷新效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!具体内容如下/...
    99+
    2022-10-19
  • Spring怎么实现上拉刷新和下拉加载效果
    这篇文章主要介绍Spring怎么实现上拉刷新和下拉加载效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!导依赖:compile 'com.android.support:recyclerview-v...
    99+
    2023-05-30
    spring
  • 如何实现Ajax无刷新分页效果
    这篇文章给大家分享的是有关如何实现Ajax无刷新分页效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Ajax无刷新分页效果,如下代码实现<!doctype ht...
    99+
    2022-10-19
  • vue 实现弹窗关闭后刷新效果
    目录vue弹窗关闭后刷新效果问题解决关闭或刷新vue文件弹出提示框vue弹窗关闭后刷新效果 问题 列表点击进入详情时弹窗内容重新赋值,但是修改后未点击保存再打开同一个弹窗,数据是关闭...
    99+
    2022-11-13
  • 微信小程序实现下拉刷新效果
    微信小程序实现下拉刷新效果微信小程序作为一种轻量级的移动应用开发平台,近年来在移动应用行业得到了广泛的应用和发展。下拉刷新是常见的交互效果,可以在列表页面中,当用户下拉页面时自动刷新内容,提升用户体验和数据的及时更新。本文将介绍如何在微信小...
    99+
    2023-11-21
    微信小程序 实现 下拉刷新
  • AJAX实现指定部分页面刷新效果
    本文实例为大家分享了AJAX实现指定部分页面刷新效果的具体代码,供大家参考,具体内容如下 这个例子使用了bootstrap,jQuery和NProgress进度条插件,事先需引入相关...
    99+
    2022-11-12
  • Android自定义View控件实现刷新效果
    三种得到LinearInflater的方法 a. LayoutInflater inflater = getLayoutInflater(); b. LayoutInflate...
    99+
    2022-06-06
    view Android
  • android开发教程之实现listview下拉刷新和上拉刷新效果
    代码如下:public class PullToLoadListView extends ListView implements OnScrollListener { &nb...
    99+
    2022-06-06
    程之 listview android开发 教程 Android
  • 微信小程序如何实现局部刷新触发整页刷新效果
    小编给大家分享一下微信小程序如何实现局部刷新触发整页刷新效果,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!效果图如上图所示,头部...
    99+
    2022-10-19
  • php怎么实现访问禁止
    本教程操作环境:windows7系统、PHP8.1版、Dell G3电脑。php怎么实现访问禁止?php中限制ip段访问、禁止ip提交表单在项目应用中,我们经常需要用到限制ip段访问或者限制IP提交表单等等ip相关的功能,今天我来分享下本人...
    99+
    2022-11-13
  • php怎么实现禁止采集
    这篇文章给大家分享的是有关php怎么实现禁止采集的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。php禁止采集的方法:1、创建一个PHP示例文件;2、通过“$HTTP_REFERER = $_SERVER[&quo...
    99+
    2023-06-21
  • Ajax如何实现页面无刷新留言效果
    这篇文章将为大家详细讲解有关Ajax如何实现页面无刷新留言效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。利用Ajax实现页面无刷新留言效果实现效果前言:在百度贴吧,以及一些论坛中,当你回复或者评论完毕...
    99+
    2023-06-08
  • Android自定义实现淘宝下拉刷新效果
    要实现淘宝下拉刷新效果,可以使用RecyclerView和SwipeRefreshLayout来实现,具体步骤如下:1. 在布局文件...
    99+
    2023-08-17
    Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作