在前端设计中,如何复制文字信息_前端知识_新闻_文汇918博天堂网站官方918博天堂手机客户端
4006063061 15628812133

在前端设计中,如何复制文字信息

前端知识   点击量:0次   2018-09-30 09:06

在前端设计中,我们接手项目时可能会遇到客户有复制文本信息的需求,今天文汇建站的小编就来跟大家分享下自己的工作经验。

js代码如下:

$(document).ready(function(){       

        var clipboard = new Clipboard('#copy_btn');    

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

            e.clearSelection();    

            console.log(e.clearSelection);    

alert("复制成功",1500);    

        });    

    }); 

html对应的代码如下:

<div class="wxh"><p>选择你喜欢的918博天堂手机客户端建设公司<span id="target">文汇建站</span></p></div>

<div class="btn">

<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" type="button">

复制文本

</button>

</div>

其中<span id="target">文汇建站</span>是你想要复制的文本,后面必须跟着 id="target;

<button class="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" type="button">

复制文本

</button>这个是复制按钮,后面必须有data-clipboard-action="copy" data-clipboard-target="#target";data-clipboard-action="copy"这个是说执行复制; data-clipboard-target="#target"这里是说对应要复制的值的位置。

好了,今天小编就为大家分享这么多,希望大家能受用。


< 返回列表

相关案例更多

其他资料更多

扫描二维码关注我们:918博天堂网站918博天堂网站有限公司
确 认
<友情连结> 济南918博天堂手机客户端建设918博天堂手机客户端公司/ 济南行知信息科技有限公司/ 济南搜到网络科技有限公司/ 中国华文教育网-广西华侨学校/ 广西华侨学校/