咨询电话:
15628812133
30
2018/09

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

发布时间:2018-09-30 09:06:11
发布者:jintianlong
浏览量:
0

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

js代码如下:

$(document).ready(function(){       

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

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

            e.clearSelection();    

            console.log(e.clearSelection);    

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

        });    

    }); 

html对应的代码如下:

选择你喜欢的网站建设公司文汇软件

其中文汇软件是你想要复制的文本,后面必须跟着 id="target;

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

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


返回列表