Select & Delete

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

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         Select & Delete
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  deletes selected elements. shift+click: select or deselect, ctrl+click: delete.
// @author       listfilterjay
// @match        *://*/*
// @grant        none
// @require      http://code.jquery.com/jquery-latest.min.js
// ==/UserScript==

(function() {
    'use strict';

    function clickCheck(e) {
        if(e.shiftKey||e.ctrlKey) {
            e.preventDefault(); // prevents links from opening.
            e.stopPropagation(); // prevents events from affecting parent elements.
            if(e.shiftKey) {
                console.log("shift");
                if(jQuery(this).hasClass("delete-select")) {
                    jQuery(this).removeClass("delete-select");
                }else {
                    jQuery(this).addClass("delete-select");
                }
            }
            if(e.ctrlKey) {
                console.log("ctrl");
                if(jQuery(this).hasClass("delete-select")) {
                    jQuery(this).remove();
                }
            }
        }
    }
    jQuery("*").click(clickCheck);

    // defintion of css for the red border around selected elements.
    const selectCss =
`<style type="text/css">
    .delete-select {
        border: 2px red solid !important;
    }
</style>`;
    jQuery(document.body).append(selectCss);
    console.log("select & delete script is active.");

})();