Stackoverflow Add Button For Copy to clipboard.
Per
// ==UserScript==
// @namespace https://greatest.deepsurf.us/zh-TW/users/142344-jasn-hr
// @name Stackoverflow Add Button For Copy to clipboard
// @description Stackoverflow Add Button For Copy to clipboard.
// @copyright 2022, HrJasn (https://greatest.deepsurf.us/zh-TW/users/142344-jasn-hr)
// @license GPL-3.0-or-later
// @version 1.2
// @icon https://www.google.com/s2/favicons?domain=stackoverflow.com
// @include https://stackoverflow.com/questions/*
// @grant none
// ==/UserScript==
window.onload = function() {
const precodeObjs = document.querySelectorAll('pre code');
const scrollbarChange = function(){
let copyBtn = this.querySelector('input[value="Copy"]');
copyBtn.style.right = (5-this.scrollLeft) + 'px';
copyBtn.style.bottom = (5-this.scrollTop) + 'px';
}
precodeObjs.forEach(function(precodeObj){
let copyBtn = document.createElement('input');
copyBtn.type='button';
copyBtn.value='Copy';
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;';
precodeObj.parentNode.style.position = 'relative';
precodeObj.parentNode.appendChild(copyBtn);
precodeObj.parentNode.addEventListener("wheel",scrollbarChange,false);
precodeObj.parentNode.addEventListener("scroll",scrollbarChange,false);
precodeObj.parentNode.addEventListener("keydown",scrollbarChange,false);
copyBtn.addEventListener('click', function(){
let targetObj = this.parentNode;
let srcText = targetObj.textContent || targetObj.innerText || targetObj.nodeValue || '';
navigator.clipboard.writeText(srcText);
//let clipText = navigator.clipboard.readText();
console.log(srcText);
if(srcText !== undefined){
this.value='Copied';
}
});
copyBtn.addEventListener('mouseenter', function(){
this.style.opacity = 1;
});
copyBtn.addEventListener('mouseleave', function(){
this.style.opacity = 0;
});
});
}