AO3: [Wrangling] Lazy Click!

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

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

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