禁用浏览器的返回按钮

1. 方法一: 从其他地方找的, 超好用, 收藏

<script language="javascript">
    //防止页面后退
    history.pushState(null, null, document.URL);
    window.addEventListener(‘popstate‘, function () {
        history.pushState(null, null, document.URL);
        scrollTo(0,0);
    });
</script>

2. 方法二: url没有变但是页面还会刷新

<script language="JavaScript">
    javascript:window.history.forward(1);
</script>
时间: 2024-11-20 13:40:15

禁用浏览器的返回按钮的相关文章

禁用浏览器器返回按钮

场景:今天在项目中遇到一种场景,需要禁用浏览器返回按钮,防止用户误操作.考虑试用一下history的新伙伴,history.pushState(),popstate事件 尝试:在各大网友的谋略中,用的最多的版本 history.pushState(null, null, document.URL);$(window).on('popstate', function() { history.pushState(null, null, document.URL);}); 果然不错,chrome和Fi

微信浏览器左上角返回按钮拦截

在微信公众号开发中,有时需要对浏览器左上角返回按钮进行拦截处理相关的页面逻辑,而并不是让页面直接返回上一页,之前在这个细节点上的一直实现得不是很好.但看到京东购物公众号上的效果却实现得非常好,所以自己也开始了这方面的尝试.京东的效果如下图: 从上图京东购物效果上来看,在点击搜索拉起一个搜索界面,然后点击左上角反回,只是将搜索界面收起,而页面没有重新像读取进度条一样去返回,而我页面需要的正是这样的效果,下面就用vue来做一个这个过程的demo吧. 前提:微信左上角的返回按钮其实无法被拦截,但是可以

点击浏览器的返回按钮或手机的返回按钮让页面刷新

<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="wispanh=device-wispanh, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <META HTTP-EQUIV="Prag

点击浏览器的返回按钮或者手机上的返回按钮页面刷新解决方法

在页面中的js代码中加上下面这句话即可.window.onload = function(){ var url = window.location.href; var ps = url.split("#"); try{ if(ps[1] != 1){ url += "#1"; }else{ window.location = ps[0]; } }catch(ex){ url += "#1"; } window.location.replace(u

禁止浏览器返回按钮

浏览器的后退按钮使得我们能够方便地返回以前访问过的页面,它无疑非常有用.但有时候我们不得不关闭这个功能,以防止用户打乱预定的页面访问次序.本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合.    一.概述      曾经有许多人问起,“怎样才能‘禁用’浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”我访问了许多网站,参考了这些 网站所介绍的各种实现方法.如果你经常访问ASP编程网站,本文所介绍的部分内容你可能已经见到过.本文的任务是

很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的 需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢. 我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法.下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history.大家知道在页面中我们可以使用javascript window history,后退到前面页面,但是由于安全

监听当点击微信等app的返回按钮或者浏览器的上一页或后退按钮的事件

在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的 需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢. 首先我们要了解浏览器的history.大家知道在页面中我们可以使用JavaScript window history,后退到前面页面,但是由于安全原因javascript不允许修改 history里已有的url链接,但可以使用pushStat

监听浏览器返回按钮事件

pushHistory(); window.addEventListener("popstate", function(e) { //alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 window.location = '/m/jfscapp/views/product/product_exchange.html'; }, false); function pushHistory() { var state = { title:

JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

$(function(){ pushHistory(); window.addEventListener("popstate", function(e) { alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能 }, false); function pushHistory() { var state = { title: "title", url: "#" }; window.history.