AO3: [Wrangling] Lazy Click!

Clicking anywhere in the tag name's box selects that tag!

Κάντε μια ερώτηση, δημοσιεύστε μια ανασκόπηση, ή αναφέρετε τον κώδικα.

Αναδίπλωση γραμμών

// ==UserScript==
// @name         AO3: [Wrangling] Lazy Click!
// @description  Clicking anywhere in the tag name's box selects that tag!
// @version      1.0.1

// @author       owlwinter
// @namespace    N/A
// @license      MIT license

// @match        *://*.archiveofourown.org/tags/*/wrangle*
// @grant        none
// ==/UserScript==


(function() {
    'use strict';

    const tbody = document.getElementById("wrangulator").getElementsByTagName("tbody")[0]
    tbody.addEventListener("click", (e) => {
        if (!e.srcElement) return;
        let f = e.srcElement
        while (f) {
            if (f.tagName == "TH") {
                //Selects the check box
                const cbox = f.querySelector("input")
                cbox.checked = !cbox.checked
                return
            }
            //Cases where the user actually did click the tag's checkbox or text
            if (f.tagName == "INPUT" || f.tagName == "LABEL") {
                return
            }
            f = f.parentElement;
        }
    });
})();