跨瀏覽器粘貼板js~

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/