☰

Copy Button for Quizlet

Adds a copy button to Quizlet vocab lists

目前为 2021-09-04 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Copy Button for Quizlet
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.2
  5. // @description  Adds a copy button to Quizlet vocab lists
  6. // @author       kingquokka
  7. // @match        https://quizlet.com/gb/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11.  
  12. let styleSheet = `
  13. .copyBtn {
  14.     background-color: blue;
  15.     color: white;
  16.     padding: 5px;
  17.     font-size: 10px;
  18. }
  19. `;
  20.  
  21. let s = document.createElement('style');
  22. s.type = "text/css";
  23. s.innerHTML = styleSheet;
  24. (document.head || document.documentElement).appendChild(s);
  25.  
  26. window.addEventListener('load', function() {
  27.     'use strict';
  28.  
  29.     function copy(ele) {
  30.         let temp = document.createElement('textarea');
  31.         document.body.appendChild(temp);
  32.         temp.value = ele.textContent;
  33.         temp.select();
  34.         document.execCommand('copy');
  35.         temp.remove();
  36.     }
  37.  
  38.     function addCopyBtn(ele) {
  39.         let btn = document.createElement("button");
  40.         btn.innerHTML = "Copy";
  41.         btn.className = "copyBtn";
  42.         btn.onclick = () => {
  43.             copy(ele.lastChild);
  44.         }
  45.  
  46.         ele.insertBefore(document.createElement('br'), ele.childNodes[0]);
  47.         ele.insertBefore(btn, ele.childNodes[0]);
  48.     }
  49.  
  50.     let spanTags = document.getElementsByClassName("SetPageTerm-sideContent");
  51.  
  52.     console.log(spanTags);
  53.  
  54.     for (let spanTag of spanTags) {
  55.         addCopyBtn(spanTag);
  56.     }
  57. });