在前端设计中,我们接手项目时可能会遇到客户有复制文本信息的需求,今天文汇软件的小编就来跟大家分享下自己的工作经验。
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"这里是说对应要复制的值的位置。
好了,今天小编就为大家分享这么多,希望大家能受用。