자바 스크립트에서 키 누르기 캡처 (Google 문서 도구)

Question

Google 문서 도구에 사용할 greasemonkey 스크립트/북마크릿/글을 쓰려고합니다. 추가하고자하는 기능에는 keypress/keyup/keydown 이벤트 핸들러가 필요합니다 (그 중 하나). 불행히도 Javascript는 제 포르테가 아니므로 편집 창에서 키 누르기 이벤트를 캡처 할 수 없습니다 (?). (... 대부분의 다른 사이트에 작동하는 것 같다 있지만) 더 성가신 경고 -

가

javascript:(function(){ 
    els = document.getElementsByTagName("*"); 
    for(i=0;i<els.length;i++){ 
    els[i].onkeypress=function(){alert("hello!");}; 
    els[i].onkeyup=function(){alert("hello2!");}; 
    els[i].onkeydown=function(){alert("hello3!");}; 
    } 
})(); 

그러나이 여전히 편집 창에서 키 누름을 캡처하지 않습니다 : 최후의 수단으로, 나는 다음 시도했다 . 나는 크롬과 파이어 폭스를 모두 체크했다. (둘 중 하나에서 작동하도록 할 수는 없다.)

Firebug에서 "Log Events"를 시도했는데 (Firebug, Eventbug에 대한 간단한 확장을 통해 등록 된 모든 이벤트를 체크 아웃했습니다); 그 사건들이 keypresses에서 발사되는 것처럼 보이지 않았습니다.

편집 :
내가 얘기 해요 "편집 창"이 보인다

이 Javascripted 업 된 div의 무리로 ... [팀이, 나는 몇 가지 주석이 screenshot을 만들어 명확히하기 위해 내가 무엇을 입력했는지 표시.

아이디어가 있으십니까? 감사!

Answer 1

Google 문서에서 수정하는 것은 iframe을 사용합니다. iframe의 문서에 리스너를 연결해야합니다. 내가 아직 완전히 해결하지 못하고 iframe을 동반하는 일을 할 것 같다,하지만, 다음은 파이어 폭스를 위해 작동하는 것 같다 :

var iframe = document.getElementsByTagName("iframe")[0]; 
if (iframe) { 
    iframe.contentDocument.addEventListener("keypress", function(evt) { 
     console.log("iframe keypress: " + evt.which); 
    }, false); 
} 

Answer 2

나를 위해 일하는 것 같아요.하지만 jQuery $ (document) .ready()를 사용하여 내 페이지가 어떤 이벤트를 첨부하기 전에로드되었는지 확인합니다.

for(i=0;i<els.length;i++){ 
    els[i].onkeypress=function(){alert("hello!");}; 
    els[i].onkeypress=function(){alert("hello2!");}; 
    els[i].onkeypress=function(){alert("hello3!");}; 
} 

이 요소는 마지막 하나를 등록합니다 : 당신이 이벤트에 하나 개 이상의 기능을 첨부 할 수 없습니다 그런데

window.onload = function() 
{ 
    els = document.getElementsByTagName("*"); 
    for(i=0;i<els.length;i++) { 
    els[i].onkeypress=function(){alert("hello!");}; 
    } 
} 

: 나는 당신이 맨 손으로 자바 스크립트에서 그것을 할 수 있다고 생각 (이전 함수를 덮어 씀),이 경우 "alert ("hello3! ");"

Answer 3

페이지의 모든 요소에 수신기를 연결할 필요는 없습니다. 문서에 첨부하는 것으로 충분합니다.

window.addEventListener('load', function() { 
    document.addEventListener('keypress', function() { alert("hello!"); }); 
} 

당신이 IE에 대해 걱정할 필요가 없습니다와 addEventListener 방법을 사용할 수있는 Greasemonkey와 스크립트이기 때문에.