jquery 一键复制淘口令

深碍√TFBOYSˉ_ 2022-04-24 13:04 212阅读 0赞

<!DOCTYPE html>
    <html lang="zh-en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
        <script type="text/javascript" src="//lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.js"></script>
    </head>
    <body>
    
    <div class="copy_btn" data-clipboard-text="">一键复制</div>
    
    <script>
        //点击动态添加复制内容
        $(".copy_btn").click(function(){
            alert("已复制");
            var contentext = 'iron man123456789';      //复制内容（后台传过来的淘口令）
            $(".copy_btn").attr("data-clipboard-text",contentext);
        });
        //触发方法
        var clipboard = new Clipboard('.copy_btn');
        //回调函数（成功、失败）
        clipboard.on('success', function(e) {
            console.log(e);
        });
    
        clipboard.on('error', function(e) {
            console.log(e);
        });
    </script>
    </body>
    </html>

该功能引用了 clipboard.js  插件   引用非常简单

在线引用地址： <script type="text/javascript" src="https://lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.js"></script>

发表评论取消回复

表情：

评论列表（有 0 条评论，212人围观）

还没有评论，来说两句吧...

相关阅读

相关 js点击一键复制

function copyText() { var Url2 = $(".copy-text").text();//这个是被复制的文本

末蓝、/ 2023年10月11日 12:31/ 0 赞/ 24 阅读

相关 vue一键复制页面内容

使用插件vue-clipboard2来实现一键复制功能一、安装vue-clipboard2插件 nom install vue-clipboard2 二、在ma

喜欢ヅ旅行/ 2023年10月04日 20:21/ 0 赞/ 49 阅读

相关 vue-clipboard2 异步实现复制口令

异步获取口令跟同步有些区别，不需要在标签内部添加属性，直接点击事件，ajax内部执行doCopy口令，可调取同步回调函数，copy()和error() 官网有同步和异步的

浅浅的花香味﹌/ 2023年03月02日 13:12/ 0 赞/ 7 阅读

相关 Flutter代码锦囊---淘口令复制弹窗

对于淘系电商APP或其他类似的APP而言，获取剪贴板上的淘口令，再解析出具体的商品详情，是整个APP的核心业务操作，就像下面图片展示的这样。 ![ebbf2bc4642241

阳光穿透心脏的1/2处/ 2022年12月22日 04:43/ 0 赞/ 123 阅读

相关实现一键复制

// 一键复制 copyText() { const transfer = document.createElement('input')

亦凉/ 2022年09月11日 14:27/ 0 赞/ 184 阅读

相关 jquery 一键复制淘口令

<!DOCTYPE html> <html lang="zh-en"> <head> <meta charset="UTF-8">

深碍√TFBOYSˉ_/ 2022年04月24日 13:04/ 0 赞/ 213 阅读

相关小程序 - 实现【一键复制】功能

小程序 - 实现【一键复制】功能为啥想起使用【一键复制】功能？因为个人小程序里，不许加外链接，很是头疼，就想到一键复制链接，这是我刚写的一个减一的小程序： ![148

雨点打透心脏的1/2处/ 2022年04月22日 06:41/ 0 赞/ 346 阅读

相关 js一键复制

<div> <span id="copyMy"> 复制我试试</span> <button onClick="copyFn()">点击复制</

短命女/ 2022年02月28日 06:56/ 0 赞/ 276 阅读

相关 Jquery.ocupload一键上传

Jquery.ocupload一键上传使用 OCUpload 引入JS 简单使用页面回显问题 OCUpload OCUpload为jQu

缺乏、安全感/ 2021年10月06日 02:50/ 0 赞/ 393 阅读

相关 js 实现一键复制功能

// html <textarea name="" id="" cols="30" rows="10"></textarea>

心已赠人/ 2021年08月13日 11:29/ 0 赞/ 693 阅读