QuarkXPress 微信小程序 web开发 Python爬虫实战 jdbc parameters io binding electron Amaze UI Parsley vue开发文档 后台界面模板 河南普通话报名 jquery去掉空格 大数据驾驶舱 matlab中axis matlab生成对角矩阵 爬虫数据清洗 svn查看历史版本 python生成多个随机数 python自学教程 python的open函数 java中substring java中的多态 java开发教程 java函数式接口 java中基本数据类型 java遍历 javastring比较 计算机操作系统第四版 黑白照片一键变彩色 html特殊符号 maya2008 big5 robotstudio 京东钱包客户端 电脑书籍下载 r330不能识别墨盒 暗黑3挂机plusready
当前位置: 首页 > 学习教程  > 编程语言

html页面点击复制文本组件clipboard.js

2020/11/24 9:48:29 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

clipboard.js用法 页面常用的小组件,html页面点击复制文本组件。 clipboard官网:http://www.clipboardjs.cn/ function copyText(el, text) {var clipboard;if(text){clipboard new ClipboardJS(el,{text: function(){return text;}});}else{clipboar…

clipboard.js用法

页面常用的小组件,html页面点击复制文本组件。 clipboard官网:http://www.clipboardjs.cn/

function copyText(el, text) {
    var clipboard;
    if(text){
        clipboard = new ClipboardJS(el,{
            text: function(){
                return text;
            }
        });
    }else{
        clipboard = new ClipboardJS(el);
    }
    clipboard.on('success', function(e) {
        showMsg("success", "复制成功",{})
        e.clearSelection();
    });
    clipboard.on('error', function(e) {
        showMsg("error", "复制失败,请手动复制")
    });
}

用法1

<a href="javascript:void(0);" title="复制" id="copyTokenCode" data-clipboard-text="文字" data-clipboard-action="copy">复制</a>			
$(document).ready(function(){
	copyText('#copyTokenCode');
})

用法2

<span id="codeText">文字</span>
<a href="javascript:void(0);" title="复制" id="copyTokenCode" data-clipboard-action="copy">复制</a>			
$(document).ready(function(){
	copyText('#copyTokenCode', $("#codeText").text());
})

用法3

<span id="codeText">文字</span>
<a href="javascript:void(0);" title="复制" id="copyTokenCode" data-clipboard-target="#codeText" data-clipboard-action="copy">复制</a>			
$(document).ready(function(){
	copyText('#copyTokenCode');
})

本文链接: http://www.dtmao.cc/news_show_400134.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?