문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 마지막 판 양쪽 다음 판 | ||
userscripts [2017/12/13 09:55] kwon37xi |
userscripts [2020/09/06 23:01] kwon37xi |
||
---|---|---|---|
줄 1: | 줄 1: | ||
====== User Scripts ====== | ====== User Scripts ====== | ||
웹 브라우저에서 플러그인 형태로 Javascript를 실행할 수 있게 해주는 도구들. | 웹 브라우저에서 플러그인 형태로 Javascript를 실행할 수 있게 해주는 도구들. | ||
- | * [[https:// | + | |
- | * https:// | + | |
* [[https:// | * [[https:// | ||
* [[https:// | * [[https:// | ||
+ | |||
+ | |||
+ | * [[https:// | ||
+ | * https:// | ||
* http:// | * http:// | ||
줄 10: | 줄 13: | ||
* 다른 Javascript 쉽게 넣기. '' | * 다른 Javascript 쉽게 넣기. '' | ||
// @require | // @require | ||
+ | </ | ||
+ | |||
+ | ===== DOM loaded ===== | ||
+ | * DOM 조작시 DOM 이 로딩이 덜 된 상태에서 수행하면 소용이 없다. 따라서 다음 템플릿에 따라 작성하면 DOM 로딩이 끝난 뒤에 작동하게 된다. | ||
+ | |||
+ | <code javascript> | ||
+ | (function() { | ||
+ | 'use strict'; | ||
+ | |||
+ | var newMappings = { | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | " | ||
+ | }; | ||
+ | |||
+ | // execute after all DOM loaded | ||
+ | window.addEventListener(' | ||
+ | var buttons = document.getElementsByClassName(" | ||
+ | console.log(" | ||
+ | var i; | ||
+ | |||
+ | for (i = 0; i < buttons.length; | ||
+ | if (buttons[i].accessKey) { | ||
+ | var accessKey = buttons[i].accessKey.toLowerCase(); | ||
+ | console.log(" | ||
+ | if (newMappings[accessKey]) { | ||
+ | buttons[i].accessKey = newMappings[accessKey]; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, false); | ||
+ | })(); | ||
</ | </ | ||