문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 마지막 판 양쪽 다음 판 | ||
userscripts [2017/12/13 09:56] kwon37xi |
userscripts [2020/09/06 23:01] kwon37xi |
||
---|---|---|---|
줄 13: | 줄 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); | ||
+ | })(); | ||
</ | </ | ||