跨浏览器粘贴板js~

2019独角兽企业重金招聘Python工程师标准>>>

ZeroClipboard.config({ swfPath: "__PUBLIC__/assets/js/ZeroClipboard.swf"});
var client = new ZeroClipboard(document.getElementById('clipboard'));
client.on( 'ready', function(event) {
    client.on( 'copy', function(event) {
        event.clipboardData.setData('text/plain', event.target.text);
    } );

    client.on( 'aftercopy', function(event) {
        console.log('Copied text to clipboard: ' + event.data['text/plain']);
        alert('地址已经复制到粘贴板');
    } );
} );
client.on( 'error', function(event) {
    ZeroClipboard.destroy();
    var clipboard = new Clipboard('#clipboard');

    clipboard.on('success', function(e) {
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);
        alert('地址已经复制到粘贴板')
        e.clearSelection();
    });

    clipboard.on('error', function(e) {
        console.error('Action:', e.action);
        console.error('Trigger:', e.trigger);
    });
} );
client.on('noflash', function(client, args) {
    var clipboard = new Clipboard('#clipboard');

    clipboard.on('success', function(e) {
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);
        alert('地址已经复制到粘贴板')
        e.clearSelection();
    });

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

<a id="clipboard" tooltip="复制到粘贴板" data-clipboard-text="复制的信息">复制的信息</a>

ZeroClipboard支持PC，clipboard支持现代浏览器，手机~

 

 

https://github.com/zeroclipboard/zeroclipboard

https://clipboardjs.com/

转载于:https://my.oschina.net/u/232595/blog/879245