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

　　监听：按返回键退出微信浏览器

<script type="text/javascript">   
　　　　　$(function() {

            pushHistory();

            window.addEventListener("popstate", function(e) {

                WeixinJSBridge.call('closeWindow');

                pushHistory(); //去掉这行，监听只能执行一次

            }, false);

            function pushHistory() {

                var state = {

                    title: "title",

                    url: "#"

                };

                window.history.pushState(state, "title", "#");

            }

        });
</script>

3.网页防复制：

（1）移动端：body标签上面加  ontouchstart="return false"（整个网页不能touch），或者用user-select：none；（文本不能复制）

<body  ontouchstart="return false">

复制不了~

</body>

.no-select{
-webkit-user-select:none;

-moz-user-select:none;

-o-user-select:none;

user-select:none;

}

（2）PC端：页面上插入以下JS

img{

    pointer-events: none;/*禁用鼠标*/

}

4.移动端禁止图片长按和vivo手机点击img标签放大图片,禁止长按识别二维码或保存图片

img{

	pointer-events: none;

}

　　 让某图单独可以长按识别二维码或保存图片

img-a{pointer-events: visible;}

微信浏览器返回刷新，监听微信浏览器返回事件，网页防复制，移动端禁止图片长按和vivo手机点击img标签放大图片的更多相关文章

  1. 监听微信端，手机端，ios端的浏览器返回事件，pc端关闭事件

    直接上代码了,可以监听微信端,手机端,iOS端的浏览器返回事件,关闭事件不支持 当进入该页面,我们就给这个history压入一个本地的连接.当点击返回.后退及上一页的操作时,就进行监听,在监听代码中实 ...

  2. js 事件监听 兼容浏览器

    js 事件监听 兼容浏览器   ie 用 attachEvent   w3c(firefox/chrome)  用 addEventListener 删除事件监听 ie 用 detachEven   ...

  3. 监听浏览器tab选项卡选中事件，点击浏览器tab标签页回调事件，浏览器tab切换监听事件

    js事件注册代码: <script> document.addEventListener('visibilitychange',function(){ //浏览器tab切换监听事件 if( ...

  4. Html5 监听拦截Android返回键方法详解

    浏览器窗口有一个history对象,用来保存浏览历史. 如果当前窗口先后访问了三个网址,那么history对象就包括三项,history.length属性等于3. history对象提供了一系列方法, ...

  5. rn滑动返回页面监听

    开发rn的同学都已经知道这个问题很坑了,真的很难弄,网上的方法尝试过很多,返回的的时候回调,是用的最多的,最开始我也是用的这种方式,但是滑动返回的时候监听不到.并且用起来也比较麻烦,不但需要在当前页面 ...

  6. flutter 返回键监听

    本篇为继上片监听返回键基础下优化: 以下做返回键监听两种情况: import 'package:fluttertoast/fluttertoast.dart'; //提示第三方插件 1. 单击提示双击 ...

  7. js判断是否安装某个android app，没有安装下载该应用(websocket通信，监听窗口失去焦点事件)

    现在经常有写场景需要提示用户下载app, 但是如果用户已经安装,我们希望是直接打开app. 实际上,js是没有判断app是否已经安装的方法的,我们只能曲线救国. 首先,我们需要有call起app的sc ...

  8. 复选框 省市区 联动（监听input的change事件）

    需求:省市区三级包含复选框按钮以及文字描述.点击文字显示对应的下级地区,点击复选框选择对应的下级区域勾选. 分析:监听input的change事件当点击复选框省  选择对应的第一个市区,同时默认选中第 ...

  9. [Swift通天遁地]三、手势与图表-(1)监听屏幕上触摸事件的各种状态

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

随机推荐

  1. 使用python写天气预告

    先去YY天气注册一个账号,然后就能用API了 http://www.yytianqi.com/ # encoding=utf-8import urllib.requestimport jsonimpo ...

  2. CSS3中nth-of-type和nth-last-of-type

    1.使用nth-child和nth-last-child时会产生的问题 在使用nth-child和nth-last-child时,其计算子元素是奇数个元素还是第偶数个元素时,是连同父元素中的所有子元素 ...

  3. 基于Xilinx FPGA的视频图像采集系统

    本篇要分享的是基于Xilinx FPGA的视频图像采集系统,使用摄像头采集图像数据,并没有用到SDRAM/DDR.这个工程使用的是OV7670 30w像素摄像头,用双口RAM做存储,显示窗口为320x ...

  4. 2017广东工业大学程序设竞赛C题爬楼梯

    Description 小时候,我只能一阶一阶得爬楼梯, 后来,我除了能一次爬一阶,还可以一次爬两阶, 到现在,我最多一次可以爬三阶. 那么现在问题来了,我想爬上n层楼,相邻楼层之间有一段楼梯,虽然我 ...

  5. SPRING BOOT跨域访问处理

    尊重原创:http://blog.csdn.net/ruiguang21/article/details/77878933 问题场景:由于项目中使用到跨域访问,今天也得到高人指点,所以写出来分享给大家 ...

  6. UEP-时间的比较

    时间的比较: var rec = ajaxform.getRecord(); var sd = rec.get("startDate"); var ed = rec.get(&qu ...

  7. 在Sql Server Intergration Service中设置Catalog下所部署所有项目的参数值

    在Sql Server 2012开始,微软给SSIS添加了Project Model这种新的项目类型,与之对应的是在Sql Server数据库引擎中引入了Intergration Services C ...

  8. html日历(3)

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  9. dedecms 封面模板和列表模板有什么不同

    封面模板,相当于你一个大栏目的封面.举例:你有一个栏目叫做"建站"而下面有很多子栏目,例如代码教程.模板下载.seo经验等,那么封面就相当于这个大栏目的首页,然后您可以在这个页面展 ...

  10. 织梦在服务器上面安装的时候一直提示data文件没有权限，可我已经写了权限，还是提示

    1.进入服务器,打开IIS,点击相应无权限的文件夹data,然后点击右上角的编辑权限. 2.勾选写入,然后确定即可. 3.织梦一直收到黑客的攻击,这里建议站长朋友设置下权限,来降低织梦系统的危险系数. ...