使用clipboard插件实现一键复制内容

html代码

<button data-clipboard-target="#Content" id="Copy" onclick="CopyHref()"></botton>
<input id="Content" value="这是要复制的内容"/>

首先要引入clipboard插件,然后写入js代码

 // 初始化作为触发器, 传入dom元素或dom选择器或者元素集合
function CopyHref(){
var clipboard = new ClipboardJS("#Copy");
          // 复制成功的回调
        clipboard.on('success', function(e) {
            layer.msg("復制成功,請粘貼到URL地址中",{time:1500});
            e.clearSelection();
        });
}     

注意:如果要复制的元素是隐藏的,会导致复制失败

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。