复制页面文字内容自动携带版本声明实例页面
回到相关文章 »效果:
在复制事件中,我们可以设置剪切板内容为纯文本,例如: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鑫空间版权所有'); } });