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. })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址