复制页面文字内容自动携带版本声明实例页面

回到相关文章 »

效果:

在复制事件中,我们可以设置剪切板内容为纯文本,例如:clipboardData.setData('text/plain', 'Hello, world!'),或者是富文本,例如:clipboardData.setData('text/html', '<b>Hello, world!</b>')。但是我们是不能使用clipboardData.getData()方法,获取不到内容,这个需要在粘贴事件中使用。我们可以借助getSelection()知道当前复制的内容。

粘贴到下面输入框测试:

代码:

JS代码:
document.addEventListener('copy', function (event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (!clipboardData) { return; }
    var text = window.getSelection().toString();
    if (text) {
        event.preventDefault();
        clipboardData.setData('text/plain', text + '\n\n鑫空间版权所有');
    }
});