码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-01-31 14:42:02      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:实现   value   body   stat   自己   col   window   pop   cts   

以下代码都经过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>

 

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

标签:实现   value   body   stat   自己   col   window   pop   cts   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!