☰

改背景、复制

2024/8/20 09:32:56

// ==UserScript==
// @name        改背景、复制
// @license MIT
// @namespace   Violentmonkey Scripts
// @match       https://www.enjing.net/*
// @grant       none
// @version     1.0
// @author      -
// @description 2024/8/20 09:32:56
// ==/UserScript==


nr_body.style.background = "RGB(199, 237, 204)"
pagewrap.style.background = "RGB(199, 237, 204)"
pagewrap.style.color = "#333333"


createButton('复制本章节').addEventListener('click', getTexts);;


function getTexts(){
  let container= document.querySelector('#nr1');
  if(!container) throw new Error("停止查询，未找到dom元素");
  let content = '';
  let allTextDom = container.querySelectorAll('p');
  allTextDom.forEach((el,i)=>{
    content+=el.innerText;
  })
  navigator.clipboard.writeText(content);
  showMessage("复制小说内容成功");
  return content;
};


function getRemarks(){
  let container= document.querySelector('#nr1');
  if(!container) throw new Error("停止查询，未找到dom元素");
  let content = '';
  let allTextDom = container.querySelectorAll('p');
  allTextDom.forEach((el,i)=>{
    content+=el.innerText;
  })
  navigator.clipboard.writeText(content);
  showMessage("复制小说内容成功");
  return content;
};


function createButton(text,top,right){
  let container= document.querySelector('#nr1');
  let oCopyDiv = document.querySelector('#copyDiv');
  if(oCopyDiv) return;

  if(!container) throw new Error("停止查询，未找到dom元素");
  container.style.position = 'relative';
   const copyDiv = document.createElement('div');
    copyDiv.id = 'copy';
    copyDiv.textContent = text;
    copyDiv.style.cssText = `
      position: absolute; /* 设置为绝对定位 */
      top: -100px; /* 距离顶部50像素 */
      right: -100px; /* 距离左边50像素 */
      padding: 10px;
      border-radius:5px;
      z-index:999;
      color:#fff;
      background-color: #40b572; /* 背景颜色 */
      cursor: pointer; /* 鼠标悬停时显示手型 */
    `
    container.appendChild(copyDiv);
     return copyDiv;

}


function showMessage(text, duration = 3000) {
        // 创建消息提示框
        const messageDiv = document.createElement('div');
        messageDiv.style.cssText = `
            position: fixed;
            top: 20px; /* 距离顶部20像素 */
            right: 20px; /* 距离右边20像素 */
            padding: 15px 20px;
            background-color: #f0f9eb; /* 背景颜色 */
            color: #67c23a; /* 字体颜色 */
            border: 1px solid #e2f0d9; /* 边框 */
            border-radius: 4px; /* 圆角 */
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* 阴影 */
            z-index: 1000; /* 确保在最上层 */
            opacity: 0; /* 初始透明度 */
            transition: opacity 0.5s; /* 透明度过渡效果 */

        `;
        messageDiv.textContent = text;

        // 将消息添加到文档中
        document.body.appendChild(messageDiv);
        // 显示消息
        setTimeout(() => {
            messageDiv.style.opacity = 1;
        }, 10);

        // 设置定时器以在指定时间后移除消息
        setTimeout(() => {
            // 在过渡结束后移除消息元素
            setTimeout(() => {
                document.body.removeChild(messageDiv);
            }, 500); // 过渡时间与 CSS 中的过渡时间一致
        }, duration);
    }