Stackoverflow Add Button For Copy to clipboard

Stackoverflow Add Button For Copy to clipboard.

目前為 2022-01-05 提交的版本,檢視 最新版本

  1. // ==UserScript==
  2.  
  3. // @namespace https://greasyfork.org/zh-TW/users/142344-jasn-hr
  4. // @name Stackoverflow Add Button For Copy to clipboard
  5. // @description Stackoverflow Add Button For Copy to clipboard.
  6. // @copyright 2022, HrJasn (https://greasyfork.org/zh-TW/users/142344-jasn-hr)
  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. window.onload = function() {
  15.  
  16. const precodeObjs = document.querySelectorAll('pre code');
  17. const scrollbarChange = function(){
  18. let copyBtn = this.querySelector('input[value="Copy"]');
  19. copyBtn.style.right = (5-this.scrollLeft) + 'px';
  20. copyBtn.style.bottom = (5-this.scrollTop) + 'px';
  21. }
  22.  
  23. precodeObjs.forEach(function(precodeObj){
  24. let copyBtn = document.createElement('input');
  25. copyBtn.type='button';
  26. copyBtn.value='Copy';
  27. 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;';
  28. precodeObj.parentNode.style.position = 'relative';
  29. precodeObj.parentNode.appendChild(copyBtn);
  30. precodeObj.parentNode.addEventListener("wheel",scrollbarChange,false);
  31. precodeObj.parentNode.addEventListener("scroll",scrollbarChange,false);
  32. precodeObj.parentNode.addEventListener("keydown",scrollbarChange,false);
  33. copyBtn.addEventListener('click', function(){
  34. let targetObj = this.parentNode;
  35. let srcText = targetObj.textContent || targetObj.innerText || targetObj.nodeValue || '';
  36. navigator.clipboard.writeText(srcText);
  37. //let clipText = navigator.clipboard.readText();
  38. console.log(srcText);
  39. if(srcText !== undefined){
  40. this.value='Copied';
  41. }
  42. });
  43. copyBtn.addEventListener('mouseenter', function(){
  44. this.style.opacity = 1;
  45. });
  46. copyBtn.addEventListener('mouseleave', function(){
  47. this.style.opacity = 0;
  48. });
  49. });
  50.  
  51. }