☰

Select & Delete

deletes selected elements. shift+click: select or deselect, ctrl+click: delete.

  1. // ==UserScript==
  2. // @name         Select & Delete
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  deletes selected elements. shift+click: select or deselect, ctrl+click: delete.
  6. // @author       listfilterjay
  7. // @match        *://*/*
  8. // @grant        none
  9. // @require      http://code.jquery.com/jquery-latest.min.js
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     function clickCheck(e) {
  16.         if(e.shiftKey||e.ctrlKey) {
  17.             e.preventDefault(); // prevents links from opening.
  18.             e.stopPropagation(); // prevents events from affecting parent elements.
  19.             if(e.shiftKey) {
  20.                 console.log("shift");
  21.                 if(jQuery(this).hasClass("delete-select")) {
  22.                     jQuery(this).removeClass("delete-select");
  23.                 }else {
  24.                     jQuery(this).addClass("delete-select");
  25.                 }
  26.             }
  27.             if(e.ctrlKey) {
  28.                 console.log("ctrl");
  29.                 if(jQuery(this).hasClass("delete-select")) {
  30.                     jQuery(this).remove();
  31.                 }
  32.             }
  33.         }
  34.     }
  35.     jQuery("*").click(clickCheck);
  36.  
  37.     // defintion of css for the red border around selected elements.
  38.     const selectCss =
  39. `<style type="text/css">
  40.     .delete-select {
  41.         border: 2px red solid !important;
  42.     }
  43. </style>`;
  44.     jQuery(document.body).append(selectCss);
  45.     console.log("select & delete script is active.");
  46.  
  47. })();