Removlet (bookmarklet)

readme.md

Removlet

Easily remove elements from a page, with a easy interface! Click to remove an element, and alt+enter to stop removing until you click again.

Installation

Highlight the entirety of removlet.txt and drag it to the bookmarks bar. If you have suspicion of any bugs, look in the dev console and report any errors to me!

NOTE: Do not use this bookmark twice before disabling it; it will bug out that way.

removlet.js

// removlet explained
alert("Removlet is on. Press ALT + ENTER to disable.");
$e_ = null;
$c_ = null;

// remove element code
function $r_(e){
  e.preventDefault();
  e.target.remove()
}

// highlight element code
function $h_(e){
  e.preventDefault();
  // turn the last hightlighted element back
  if($e_){
    $e_.style.background=$c_;
  } 
  // save the neccessary styles
  $e_ = e.target;
  $c_ = e.target.style.background;
  
  // turn it red
  e.target.style.background="red"
}

// attempt to fix double click bug (not working)
document.removeEventListener("click",$r_);
document.removeEventListener("mousemove", $h_);

// add listeners for removing the elements
document.addEventListener("click",$r_); 
document.addEventListener("mousemove", $h_);
document.addEventListener("keydown", ({key, altKey}) => {
  if(key=="Enter"&&altKey){
    document.removeEventListener("click",$r_);
    document.removeEventListener("mousemove", $h_);$e_.style.background=$c_;
  }
});

removlet.min.js

// for use in javascript console
alert("Removlet is on. Press ALT + ENTER to disable.");$e_ = null;$c_ = null;function $r_(e){e.preventDefault();e.target.remove()};function $h_(e){e.preventDefault();if($e_){$e_.style.background=$c_;} $e_ = e.target; $c_ = e.target.style.background;e.target.style.background="red"}document.removeEventListener("click",$r_);document.removeEventListener("mousemove", $h_);document.addEventListener("click",$r_); document.addEventListener("mousemove", $h_);document.addEventListener("keydown", ({key, altKey}) => {if(key=="Enter"&&altKey){document.removeEventListener("click",$r_);document.removeEventListener("mousemove", $h_);$e_.style.background=$c_;}});

removlet.txt

javascript:alert("Removlet is on. Press ALT + ENTER to disable.");$e_ = null;$c_ = null;function $r_(e){e.preventDefault();e.target.remove()};function $h_(e){e.preventDefault();if($e_){$e_.style.background=$c_;} $e_ = e.target; $c_ = e.target.style.background;e.target.style.background="red"}document.removeEventListener("click",$r_);document.removeEventListener("mousemove", $h_);document.addEventListener("click",$r_); document.addEventListener("mousemove", $h_);document.addEventListener("keydown", ({key, altKey}) => {if(key=="Enter"&&altKey){document.removeEventListener("click",$r_);document.removeEventListener("mousemove", $h_);$e_.style.background=$c_;}});