YouTube focus player

YouTube focus player when an arrow key is pressed(exclude"textarea")

이 스크립트를 설치하려면 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                YouTube focus player
// @description         YouTube focus player when an arrow key is pressed(exclude"textarea")
// @name:zh-TW          YT永遠聚焦在播放器
// @description:zh-TW   YT上下鍵強制聚焦在播放器(文字輸入區除外)
// @version      2.0
// @namespace    https://greasyfork.org/zh-TW/users/4839
// @author       merkantilizm,hzhbest
// @license MIT
// @match        https://www.youtube.com/*
// @icon         https://www.youtube.com/favicon.ico
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Define video element
    var video;

    // Add event listener for keydown
    window.addEventListener('keydown', function(e) {
      //文字輸入時無效
        if (checkTextArea(e.target)) return;
      // Check if arrow keys are pressed
        if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {

            // Get video element (has to be done inside of the function or it doesnt work for some reason)
            video = document.querySelector('video');

            // Prevent default action of arrow keys (e.g., scrolling the page)
            e.preventDefault();
            // Focus the video player
            video.focus();
        }
    });

  function checkTextArea(node) {
    var name = node.localName.toLowerCase();
    if (name == "textarea" || name == "input" || name == "select") {
		return true;
	}
    if (name == "div" && (node.id.toLowerCase().indexOf("textarea") != -1 || node.contentEditable !== false)) {
        return true;
	}
    return false;
}

})();