☰

Stackoverflow Add Button For Copy to clipboard

Stackoverflow Add Button For Copy to clipboard.

当前为 2022-01-05 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2.  
  3. // @namespace    https://openuserjs.org/users/a29527806
  4. // @name         Stackoverflow Add Button For Copy to clipboard
  5. // @description  Stackoverflow Add Button For Copy to clipboard.
  6. // @copyright    2022, HrJasn (https://openuserjs.org/users/a29527806)
  7. // @license      GPL-3.0-or-later
  8. // @version      1.2
  9. // @icon         https://www.google.com/s2/favicons?domain=stackoverflow.com
  10. // @include      https://stackoverflow.com/questions/*
  11. // @grant        none
  12. // ==/UserScript==
  13.  
  14. // ==OpenUserJS==
  15. // @author       a29527806
  16. // ==/OpenUserJS==
  17.  
  18. window.onload = function() {
  19.  
  20.     const precodeObjs = document.querySelectorAll('pre code');
  21.     
  22.     const scrollbarChange = function(){
  23.         let copyBtn = this.querySelector('input[value="Copy"]');
  24.         copyBtn.style.right = (5-this.scrollLeft) + 'px';
  25.         copyBtn.style.bottom = (5-this.scrollTop) + 'px';
  26.     }
  27.  
  28.     precodeObjs.forEach(function(precodeObj){
  29.         let copyBtn = document.createElement('input');
  30.         copyBtn.type='button';
  31.         copyBtn.value='Copy';
  32.         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;';
  33.         precodeObj.parentNode.style.position = 'relative';
  34.         precodeObj.parentNode.appendChild(copyBtn);
  35.         precodeObj.parentNode.addEventListener("wheel",scrollbarChange,false);
  36.         precodeObj.parentNode.addEventListener("scroll",scrollbarChange,false);
  37.         precodeObj.parentNode.addEventListener("keydown",scrollbarChange,false);
  38.         copyBtn.addEventListener('click', function(){
  39.             let targetObj = this.parentNode;
  40.             let srcText = targetObj.textContent || targetObj.innerText || targetObj.nodeValue || '';
  41.             navigator.clipboard.writeText(srcText);
  42.             //let clipText = navigator.clipboard.readText();
  43.             console.log(srcText);
  44.             if(srcText !== undefined){
  45.                 this.value='Copied';
  46.             }
  47.         });
  48.         copyBtn.addEventListener('mouseenter', function(){
  49.             this.style.opacity = 1;
  50.         });
  51.         copyBtn.addEventListener('mouseleave', function(){
  52.             this.style.opacity = 0;
  53.         });
  54.     });
  55.  
  56. }