Add Esc key on Google Maps

Add Esc key on Google Maps for better UX.

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

You will need to install an extension such as Tampermonkey to install this script.

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name        Add Esc key on Google Maps
// @namespace   https://github.com/gslin/add-esc-key-on-google-maps
// @match       https://www.google.com/maps*
// @grant       none
// @version     0.20220228.0
// @author      Gea-Suan Lin <[email protected]>
// @description Add Esc key on Google Maps for better UX.
// @license     MIT
// ==/UserScript==

(() => {
    'use strict';

    window.addEventListener('keydown', ev => {
        // Esc only
        if (27 !== ev.keyCode) {
            return;
        }
        console.debug('Application "Add Esc key on Google Maps" esc key detected.');

        // User page.
        let el = document.querySelector('button[aria-label="Close"], button[aria-label="關閉"]');
        if (el && el.offsetHeight > 0 && el.offsetWidth > 0) {
            el.click();
            return;
        }

        // Comment page.
        el = document.querySelector('button[aria-label="Back"], button[aria-label="返回"]');
        if (el && el.offsetHeight > 0 && el.offsetWidth > 0) {
            el.click();
            return;
        }

        // Store page.
        el = document.querySelector('a[aria-label="Clear search"], a[guidedhelpid="clear_search"]');
        if (el && el.offsetHeight > 0 && el.offsetWidth > 0) {
            el.click();
            return;
        }
    }, true);

    console.debug('Application "Add Esc key on Google Maps" installed.');
})();