chenhao
首页
栏目
标签
关于
友链
废话少说,放码过来
JS监听复制并在复制内容后增加指定内容
js
程序人生
发布日期: 2021-09-01 11:05:47
喜欢量: 70 个
阅读次数:
378
JS监听复制并在复制内容后增加指定内容
``` js <script> //监听ctrl+v 复制 document.addEventListener("copy", function (e) { let toastHTML = '<span>复制成功,请遵循本文的转载规则</span>'; alert({html: toastHTML}) }); //把监听提示添加到文章内容中 //文章内容div的ID $('#articleContent').on('copy', function (e) { // IE8 or earlier browser is 'undefined' if (typeof window.getSelection === 'undefined') return; var selection = window.getSelection(); // if the selection is short let's not annoy our users. if (('' + selection).length < Number.parseInt('120')) { return; } //在内容末尾追加提示内容 var bodyElement = document.getElementsByTagName('body')[0]; var newdiv = document.createElement('div'); newdiv.style.position = 'absolute'; newdiv.style.left = '-99999px'; bodyElement.appendChild(newdiv); newdiv.appendChild(selection.getRangeAt(0).cloneContents()); //格式化 if (selection.getRangeAt(0).commonAncestorContainer.nodeName === 'PRE') { newdiv.innerHTML = "<pre>" + newdiv.innerHTML + "</pre>"; } var url = document.location.href; //追加的内容 newdiv.innerHTML += '<br />' + '来源: chenhaoblog<br />' + '文章作者: chenhao<br />' + '文章链接: <a href="' + url + '">' + url + '</a><br />' + '本文章著作权归作者所有,任何形式的转载都请注明出处。'; selection.selectAllChildren(newdiv); window.setTimeout(function () {bodyElement.removeChild(newdiv);}, 200); }); </script> ```
文章作者:
chenhao
文章链接:
http://chenhaoblog.com/show/OQ==
版权声明:
本博客所有文章除特別声明外,转载请注明来源
chenhaoBlog
!
分享: