首页 > 微信 > 详细

微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制

时间:2018-01-31 13:10:49      阅读:562      评论:0      收藏:0      [点我收藏+]

以下代码都经过iphone7,华为MT7 ,谷歌浏览器,微信开发者工具,PC端微信验证。如有bug,还请在评论区留言。 

demo链接:https://pan.baidu.com/s/1c35mbjM 密码:5yyf

1.移动端微信浏览器返回刷新事件,在返回后的页面上加上以下代码:

<script type="text/javascript">
        $(function () { 
          var isPageHide = false; 
          window.addEventListener(pageshow, function () { 
            if (isPageHide) { 
              window.location.reload(); 
            } 
          }); 
          window.addEventListener(pagehide, function () { 
            isPageHide = true; 
          }); 
        })

    </script>

2.监听微信浏览器返回事件,在需要返回监听的页面上插入以下代码:

<script type="text/javascript">
        $(function() {
            pushHistory();
            window.addEventListener("popstate", function(e) {
                alert("我监听到了浏览器的返回按钮事件啦"); //根据自己的需求实现自己的功能  
                pushHistory(); //去掉这行,监听只能执行一次
            }, false);
            function pushHistory(){
                var state = {
                    title: "title",
                    url: "#"
                };
                window.history.pushState(state, "title", "#");
            }
        });
    </script>

3.网页防复制:

(1)移动端:body标签上面加  ontouchstart="return false"

<body  ontouchstart="return false">
复制不了~
</body>

(2)PC端:页面上插入以下JS

<script language="JavaScript">
    document.oncontextmenu=new Function("event.returnValue=false;");
    document.onselectstart=new Function("event.returnValue=false;");
    </script>

 

微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制

原文:https://www.cnblogs.com/ovocake/p/8391307.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!