使用mui实现长按保存图片

最新推荐文章于 2024-08-24 10:59:11 发布

Ctrl30xsx

最新推荐文章于 2024-08-24 10:59:11 发布

阅读量5.9k

点赞数

分类专栏： h5

本文链接：https://blog.csdn.net/qq_36676237/article/details/81533124

版权

本文介绍了如何借助mui库来实现长按保存图片的功能。重点在于正确引入mui的JavaScript和CSS文件，并确保初始化设置中开启longtap事件。

摘要由CSDN通过智能技术生成

首先初始化mui（longtap是我们要用到的，longtap默认为false，如果没有初始化为true，则长按事件无效）

 mui.init( { gestureConfig:{
            tap: true, //默认为true
            doubletap: true, //默认为false
            longtap: true, //默认为false
            swipe: true, //默认为true
            drag: true, //默认为true
            hold:true,//默认为false，不监听
            release:false//默认为false，不监听
        }});

//给需要长按保存图片的img标签设置 class='saveImg'
 var divs = document.getElementsByClassName('saveImg');
    for(var i = 0;i<divs.length;i++){
      divs[i].addEventListener('longtap', function () {
        //开启弹框
          mui('#picture').popover('toggle');
          var imgurl = this.src;
          document.getElementById('saveImg').addEventListener('tap', function () {
            var imgDt