html页面如何禁止刷新

 时间:2024-10-12 07:06:16

1、本文禁止页面刷新的思路是禁鸦泸嚏烊止掉所有导致页面刷新的按钮或事件,首先我们创建一个demo.html文件,然后我们在浏览器先打开另一个页面比如百度,再输入本地链接访问这个d髫潋啜缅emo.html文件,使其带有可以后退的按钮。代码和效果如图

html页面如何禁止刷新
html页面如何禁止刷新

2、首先我们禁止页面后退事件,让所有的后退事件失效,代码如下,你会发现点击浏览器返回按钮也好,点击alt加<-方向键也好,都失去了后退的效果

html页面如何禁止刷新
html页面如何禁止刷新

3、下面我们尝试通过onbe酆璁冻嘌foreunload事件的监听阻止页面刷新,实现的了效果,但是仍有以下缺点:1会弹出弹轻拔吴悃窗,2.点击重新加载仍然会刷新页面3.不兼容opera浏览器等优点:在主流的几大浏览器中可以稍微阻止以下页面刷新,关闭。

html页面如何禁止刷新
html页面如何禁止刷新

4、继续优化一下,屏蔽掉所有可能导致刷新后退关闭的快捷键事件,代码如下,效果如图

html页面如何禁止刷新
html页面如何禁止刷新

5、最后再屏蔽一下右键菜单,代码及效果如图所示

html页面如何禁止刷新
html页面如何禁止刷新
  • linux 如何访问hdfs
  • xampp如何自启动(Windows)
  • npm代理如何设置npm网络链接失败如何设置
  • 如何利用SQL Server 2012查询以及带条件查询
  • html如何让一个div 自动刷新
  • 热门搜索
    有关环保的手抄报 母亲节手抄报图片 国庆手抄报简单 端午节的手抄报怎么画 关于环境的手抄报 525心理健康手抄报 金色童年手抄报 小学生手抄报制作大全 我爱文学手抄报内容 三年级中秋节手抄报