☰

remove-element-shift+click

a userscript that allows you to detect elements when you hover over them, highlight them, and remove them when you press Shift + Click. This script works on any webpage.

  1. // ==UserScript==
  2. // @name        remove-element-shift+click
  3. // @description a userscript that allows you to detect elements when you hover over them, highlight them, and remove them when you press Shift + Click. This script works on any webpage.
  4. // @namespace   Violentmonkey Scripts
  5. // @match       https://*/*
  6. // @grant       none
  7. // @version     1.0
  8. // @author      maanimis
  9. // @run-at      document-end
  10. // @license MIT
  11. // ==/UserScript==
  12.  
  13. (() => {
  14.     'use strict';
  15.  
  16.     let hoveredElement = null;
  17.     let originalOutline = '';
  18.  
  19.     const highlightElement = (element) => {
  20.         if (hoveredElement) {
  21.             resetElementStyle(hoveredElement);
  22.         }
  23.         hoveredElement = element;
  24.         originalOutline = element.style.outline;
  25.         element.style.outline = '2px solid red';
  26.     };
  27.  
  28.     const resetElementStyle = (element) => {
  29.         element.style.outline = originalOutline;
  30.     };
  31.  
  32.     const handleMouseOver = (event) => {
  33.         highlightElement(event.target);
  34.     };
  35.  
  36.     const handleMouseOut = () => {
  37.         if (hoveredElement) {
  38.             resetElementStyle(hoveredElement);
  39.         }
  40.     };
  41.  
  42.     const handleClick = (event) => {
  43.         if (event.shiftKey && hoveredElement) {
  44.             event.preventDefault();
  45.             hoveredElement.remove();
  46.             hoveredElement = null;
  47.         }
  48.     };
  49.  
  50.     document.addEventListener('mouseover', handleMouseOver);
  51.     document.addEventListener('mouseout', handleMouseOut);
  52.     document.addEventListener('click', handleClick);
  53. })();