移动端复制内容到粘贴板

1、Clipboard.js的下载

 官网地址https://clipboardjs.com/

HTML:

<input id="foo"  value="https://fanyi.baidu.com">
 
<button class="btn" data-clipboard-target="#foo">复制</button>

2、下载解压引进<script type="text/javascript" src="clipboard.min.js" ></script>

JAVASCRIPT:

var clipboard = new ClipboardJS('.btn');

clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
    e.clearSelection();
});

clipboard.on('error', function(e) {
	debugger;
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
});

更多详情请移步:https://github.com/zenorocha/clipboard.js.git

猜你喜欢

转载自blog.csdn.net/weixin_42606458/article/details/82500927