Highlight Selected Text

A context menu item which highlights selected text.

当前为 2025-01-24 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name        Highlight Selected Text
// @description A context menu item which highlights selected text.
// @author      Schimon Jehudah, Adv.
// @namespace   i2p.schimon.highlight-selected-text-context-menu
// @homepageURL https://gf.qytechs.cn/en/scripts/467249-switch-page-direction-menu
// @supportURL  https://gf.qytechs.cn/en/scripts/467249-switch-page-direction-menu/feedback
// @copyright   2025, Schimon Jehudah (http://schimon.i2p)
// @license     Public Domain
// @exclude     devtools://*
// @match       file:///*
// @match       *://*/*
// @version     25.01
// @run-at      context-menu
// @icon        data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48dGV4dCB5PSIuOWVtIiBmb250LXNpemU9IjkwIj7wn5aN77iPPC90ZXh0Pjwvc3ZnPgo=
// ==/UserScript==
 
(function colorSelectedText() {
    const selection = document.getSelection();
    if (!selection.rangeCount) return;
 
    const range = selection.getRangeAt(0);
    const span = document.createElement('span');
    span.style.color = 'black';
    span.style.background = 'khaki';
    range.surroundContents(span);
})();
 
 
// TODO Undo functionality
// Add an event listener to color the selected text on a key press (e.g., pressing 'C')
//document.addEventListener('keypress', function(event) {
//    if (event.key === 'c' || event.key === 'C') {
//        colorSelectedText();
//    }
//});

欢迎访问Greasy Fork镜像