选中文本并标红

选中文本并标红,英语学习

当前为 2023-09-11 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         选中文本并标红
// @namespace    http://tampermonkey.net/
// @version      1.3
// @description  选中文本并标红,英语学习 
// @author       TCH
// @match        *.economist.com/*
// @require      https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js
// @grant        本脚本仅供学习只用,如若他用,后果自行承担。
// @namespace 
// ==/UserScript==
 
(function()
{
  document.addEventListener("selectionchange", () => {
  selectedText = document.getSelection().toString();
  const range = document.getSelection().getRangeAt(0);
  const docObj = range.extractContents(); //移动了Range 中的内容从文档树到DocumentFragment(文档片段对象)。
  let dom = document.createElement('span');
  dom.style.color = 'red';
  dom.appendChild(docObj);
  range.insertNode(dom);
  console.log(document.getSelection());
  });

})();