Web页面实现监听用户复制后,在剪切板加入版权信息

2017-01-09 14:08:31来源:segmentfault作者:codedemon人点击

HTML


<p>superagent是nodejs里一个非常方便的客户端请求代理模块</p>

JS


function setClipboardText(event){
event.preventDefault();
var node = document.createElement('div');
node.innerHTML=window.getSelection(0).toString();
var htmlData = '<div>着作权归作者所有。<br />'
+ '商业转载请联系作者获得授权,非商业转载请注明出处。<br />'
+ '作者:0zero<br />链接:https://segmentfault.com/u/codedemon<br />'
+ '来源:segmentfault<br /><br />'
+ node.innerHTML
+ '</div>';
var textData = '着作权归作者所有。/n'
+ '商业转载请联系作者获得授权,非商业转载请注明出处。/n'
+ '0zero/n链接:https://segmentfault.com/u/codedemon/n'
+ '来源:segmentfault/n/n'
+ window.getSelection(0).toString();
if(event.clipboardData){
event.clipboardData.setData("text/html", htmlData);
event.clipboardData.setData('text/plain', textData);
}
else if(window.clipboardData){
return window.clipboardData.setData("text", textData);
}
};document.addEventListener('copy', function(event){
setClipboardText(event);
});

主要用到的两个方法
getSelection
ClipboardEvent

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台