纯javascript 实现网页copy

来源:互联网 发布:淘宝网购男士夹克 编辑:程序博客网 时间:2024/06/14 13:06

<div id="example-target" class="example"><div class="input-group"><input id="foo" type="text" value="https://github.com/zenorocha/clipboard.js.git"><span class="input-group-button"><button class="btn" type="button" data-clipboard-demo="" data-clipboard-target="#foo"><img class="clippy" src="assets/images/clippy.svg" width="13" alt="Copy to clipboard"></button></span></div></div>


javascript:

var clipboardDemos = new Clipboard('[data-clipboard-demo]');clipboardDemos.on('success', function(e) {    e.clearSelection();    console.info('Action:', e.action);    console.info('Text:', e.text);    console.info('Trigger:', e.trigger);    showTooltip(e.trigger, 'Copied!');});clipboardDemos.on('error', function(e) {    console.error('Action:', e.action);    console.error('Trigger:', e.trigger);    showTooltip(e.trigger, fallbackMessage(e.action));});



IOS8微信不兼容


官网链接:https://clipboardjs.com/


原创粉丝点击