点击图片复制商品链接到粘贴板

js代码:

$(".text").forEach(el => {

        el.addEventListener('click',function(){

            let textId = $(el)[0].dataset.textId;   //获取属性值

            console.log(textId)

            var clipboard = new Clipboard('#text'+textId, {   //Clipboard类用于复制

                text: function() {

                    return goods[textId].key;   //返回当前图片的key

                },

            });

            clipboard.on('success', function(e) {

                $("#black_overlay").show()

                $("#cover").show()

            });

            clipboard.on('error', function(e) {

                weuiTopTip('复制剪贴板失败');   //weui插件

            });

        })

    });

关于css样式以及html代码,参考“遮罩层”中的。懒得复制了- -

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 昨天见一位用户,之前一直在俄罗斯,发现对方也是坚持过时间管理的人,譬如用纸笔做时间记录2年,后来觉得没用就放弃;坚...
    雷宗扬阅读 391评论 0 0
  • 1. 查看是否完成多节点的分布式部署 http://ip:9200/_cat/nodes 2. 通过下面命令查看各...
    阿尔卡雷特阅读 606评论 0 1
  • 文/晴天 如果 你向左我向右 你前路的风景里 不会再有 搅乱你人生的 我 如果 你向前我向后 即使地球再圆 我想我...
    流浪的狗尾巴草阅读 243评论 0 1
  • 传统的营销方式的介绍,宣传商品等方式让商品被客户所熟知,在客户想要购买这些商品的时候,就能自然大家都清楚,企业通过...
    北京海内择贤阅读 455评论 0 0

友情链接更多精彩内容