"/** * @description 添加版权 */ const addCopyright = () => { const genCopy = () => { return [ '', '', '作者:Vanessa', '链接:https://hacpai.com/article/151054442393 .."

文章复制添加版权【更新 - fixed text/html bug】

本贴最后更新于 462 天前,其中的信息可能已经天翻地覆
/**
 * @description 添加版权
 */
 const addCopyright = () => {
  const genCopy = () => {
    return [
      '',
	  '',
	  '作者:Vanessa',
	  '链接:https://hacpai.com/article/1510544423932',
	  '来源:黑客派',
	  '著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。',
	]
  }

  $('.content-reset').on('copy', function (event) {
    if (!window.getSelection) {
        return
      }

      var selectionObj = window.getSelection()
      var author = $(this).data('author') || 'HacPai'
      var link = $(this).data('link') || location.href

      if (selectionObj.toString().length < 128) {
        return
      }

      if (selectionObj.rangeCount) {
        var container = document.createElement("div");
        for (var i = 0, len = selectionObj.rangeCount; i < len; ++i) {
          container.appendChild(selectionObj.getRangeAt(i).cloneContents());
        }
      }

      if ('object' === typeof event.originalEvent.clipboardData) {
        event.originalEvent.clipboardData.setData('text/html',  container.innerHTML + genCopy(author, link).join('<br>'))
        container.remove();
        event.originalEvent.clipboardData.setData('text/plain', selectionObj.toString() + genCopy(author, link).join('\n'))
        event.preventDefault();
        return
      }

      $('body').append('<div id="symFixCopy"style="position: fixed; left: -9999px;">' +
        selectionObj.toString() + genCopy(author, link).join('<br>') + '</div>')
      window.getSelection().selectAllChildren($('#symFixCopy')[0])
      setTimeout(function () {
        $('#symFixCopy').remove()
      }, 200)
  })
}

打开 F12,复制以上代码运行,再执行 addCopyright() 后。在文章内容区域拷贝长度大于 128 的文字,再粘贴即可看到效果

  • 版权
    4 引用 • 49 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    308 引用 • 966 回帖 • 1010 关注
  • copystring
    1 引用 • 8 回帖
感谢    关注    收藏    赞同    反对    举报    分享
优质回帖
  • 714593351 1 感谢    

    V 姐 在代码区加个复制功能吧。。。

8 回帖    
请输入回帖内容...
  • liumapp      

    相当实用

    1 回复 
    感谢    赞同    反对    举报    分享       回复
  • Vanessa            

    修改了下,打开 F12 执行一下就可以看到效果了

    感谢    赞同    反对    举报    分享       回复
  • 714593351 1 感谢        

    V 姐 在代码区加个复制功能吧。。。

    1 回复 
    感谢    赞同 1    反对    举报    分享       回复
  • sean API      

    感觉搜索页面瞬间出戏啊

    1 回复 
    感谢    赞同    反对    举报    分享       回复
  • 22 API      

    22

    感谢    赞同    反对    举报    分享       回复
  • Vanessa            

    啥意思

    感谢    赞同    反对    举报    分享       回复
  • Vanessa            

    是的。我用着也不方便。马上加

    感谢    赞同    反对    举报    分享       回复
  • someone API      

    旧房改造网,一个专业提供旧房、老房、二手房翻新装修服务的平台。

    网站包括旧房改造效果图、旧房改造案例、不同面积户型旧房改造价格及旧房改造注意事项等栏目。😄

    感谢    赞同    反对    举报    分享       回复
请输入回帖内容...