유튜브에서 스페이스바 스크롤 기능 끄는 방법
스페이스바는 웹 브라우저에서 두 가지 주요 기능으로 작동합니다. 일반적인 웹페이지에서는 스페이스바를 누르면 페이지가 아래로 스크롤됩니다. 유튜브에서는 스페이스바가 동영상을 재생하거나 일시 정지하는 역할을 합니다. 만약 스페이스바를 사용하여 페이지를 스크롤하는 것이 익숙하고 편리하다면, 유튜브 시청 중 동영상 재생/일시 정지 기능 대신 페이지 스크롤만 하고 싶을 수 있습니다. 하지만 유튜브에서 스페이스바의 스크롤 동작이 오히려 불편하게 느껴질 수도 있습니다. 이러한 경우, 스페이스바의 스크롤 기능을 비활성화할 수 있습니다. 다음은 그 방법에 대한 안내입니다.
스페이스바의 페이지 스크롤 단축키는 브라우저 자체에서 구현된 기능입니다. 따라서 파이어폭스 자체 설정으로는 이를 비활성화할 수 없습니다. 이를 위해서는 사용자 스크립트가 필요하며, 스크립트 실행을 위해서는 브라우저 확장 프로그램이나 추가 기능을 활용해야 합니다. 다시 말해, 확장 기능이나 추가 기능을 지원하지 않는 브라우저에서는 이 방법을 사용할 수 없습니다.
만약 브라우저가 확장 기능, 추가 기능 또는 사용자 스크립트 실행을 지원한다면 문제가 되지 않습니다. 파이어폭스 사용자는 Greasemonkey를, 크롬 사용자는 Tampermonkey를 설치하여 스크립트를 실행할 수 있습니다. (각 확장 프로그램 설치 링크는 글 하단에 있습니다.)
스크립트를 실행할 준비가 되었다면, 아래 스크립트를 추가하면 됩니다.
// ==UserScript==
// @name Disable space bar scrolling
// @namespace Disable Space bar scroll
// @version 0.1
// @description disable space bar scroll
// @author Space bar scroll
// @match https://www.youtube.com/*
// @grant none
// ==/UserScript==
(function() {
var k = function(action){
var eventObj = document.createEvent("Events");
eventObj.initEvent("keydown", true, true);
eventObj.keyCode = 75;
eventObj.which = 75;
document.body.dispatchEvent(eventObj);
};
var killSpaceBar = function(evt) {
var target = evt.target || {},
isInput = ("INPUT" == target.tagName || "TEXTAREA" == target.tagName || "SELECT" == target.tagName || "EMBED" == target.tagName);
// if we're an input or not a real target exit
if(isInput || !target.tagName) return;
// if we're a fake input like the comments exit
if(target && target.getAttribute && target.getAttribute('role') === 'textbox') return;
// ignore the space and send a 'k' to pause
if (evt.keyCode === 32) {
evt.preventDefault();
k();
}
};
document.addEventListener("keydown", killSpaceBar, false);
})();
파이어폭스 사용자는 변경 사항 적용을 위해 브라우저를 재시작해야 할 수 있습니다. 유튜브 페이지를 새로고침하면 스페이스바가 더 이상 페이지를 아래로 스크롤하지 않고, 동영상 재생/일시정지 기능만 작동할 것입니다.