☰

Stackoverflow Add Button For Copy to clipboard

Stackoverflow add button for copy to clipboard.

  1. // ==UserScript==
  2.  
  3. // @name               Stackoverflow Add Button For Copy to clipboard
  4. // @name:zh-TW         Stackoverflow 增加複製按鈕
  5. // @name:zh-CN         Stackoverflow 添加复制按钮
  6. // @name:ja            Stackoverflow はコピーボタンを追加します
  7. // @namespace          https://greatest.deepsurf.us/zh-TW/users/142344-jasn-hr
  8. // @description        Stackoverflow add button for copy to clipboard.
  9. // @description:zh-TW  Stackoverflow 增加複製按鈕以複製原始碼到剪貼簿。
  10. // @description:zh-CN  Stackoverflow 添加复制按钮以复制原始码到剪贴簿。
  11. // @description:ja     ソースコードをクリップボードにコピーするためのコピーボタンをStackoverflowに追加しました。
  12. // @copyright          2022, HrJasn (https://greatest.deepsurf.us/zh-TW/users/142344-jasn-hr)
  13. // @license            GPL3
  14. // @license            Copyright HrJasn
  15. // @version            1.7
  16. // @icon               https://www.google.com/s2/favicons?domain=stackoverflow.com
  17. // @match              /^http[s]?://stackoverflow\.com/questions/[0-9]+/.*/
  18. // @grant              none
  19. // ==/UserScript==
  20.  
  21. (() => {
  22.     window.addEventListener('load',() => {
  23.         const precodeObjs = document.querySelectorAll('pre code');
  24.         const scrollbarChange = function(){
  25.             let copyBtn = this.querySelector('input[value="Copy"]');
  26.             copyBtn.style.right = (5-this.scrollLeft) + 'px';
  27.             copyBtn.style.bottom = (5-this.scrollTop) + 'px';
  28.         };
  29.         precodeObjs.forEach(function(precodeObj){
  30.             let copyBtn = document.createElement('input');
  31.             copyBtn.type='button';
  32.             copyBtn.value='Copy';
  33.             copyBtn.style='cursor:pointer;opacity:0;position:absolute;right:5px;bottom:5px;font-size:15px;padding:10px;background-color:#888888;border:0px;border-style:solid;color: #ffffff;text-shadow: 0px 0px 2px #ffffff;border-radius:5px;';
  34.             precodeObj.parentNode.style.position = 'relative';
  35.             precodeObj.parentNode.appendChild(copyBtn);
  36.             precodeObj.parentNode.addEventListener("wheel",scrollbarChange,false);
  37.             precodeObj.parentNode.addEventListener("scroll",scrollbarChange,false);
  38.             precodeObj.parentNode.addEventListener("keydown",scrollbarChange,false);
  39.             copyBtn.addEventListener('click', function(){
  40.                 let targetObj = this.parentNode;
  41.                 let srcText = targetObj.textContent || targetObj.innerText || targetObj.nodeValue || '';
  42.                 navigator.clipboard.writeText(srcText);
  43.                 //let clipText = navigator.clipboard.readText();
  44.                 console.log(srcText);
  45.                 if(srcText !== undefined){
  46.                     this.value='Copied';
  47.                 };
  48.             });
  49.             copyBtn.addEventListener('mouseenter', function(){
  50.                 this.style.opacity = 1;
  51.             });
  52.             copyBtn.addEventListener('mouseleave', function(){
  53.                 this.style.opacity = 0;
  54.             });
  55.         });
  56.     });
  57. })();