JavaScript（Google Docs）でkeypressをキャプチャする

Question

私は少しgreasemonkeyのスクリプト/ bookmarklet/Google Docsのために何を書こうとしています。私が追加したい機能は、keypress/keyup/keydownイベントハンドラ（これら3つのうちの1つ）が必要です。残念ながら、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!");}; 
    } 
})(); 

しかし、これはまだ編集ペインでキー入力をキャプチャしません - 全く迷惑な警告を（他のほとんどのサイトのために働くように見えるものの...） 。私はChromeとFirefoxの両方でチェックしました（いずれかで動作するようにはできません）。

私はFirebugで "Log Events"を試してみました（登録されたすべてのイベントを、Firebug、Eventbugのすっきりした小さな拡張でチェックアウトしました）。それらのイベントがキーを押すと発砲しているようには見えなかった。

編集：
[ティム]を明確にするために、私はいくつかの注釈とともに、このscreenshotを作った...私が話している

「編集ペインには、」Javascriptedアップのdivの束のようです私が入力したものを表示します。

アイデア？ありがとう！

Answer 1

Googleドキュメントの編集ではiframeが使用されます。 iframeのドキュメントにリスナーを添付する必要があります。まだ完成していないiframeで何か複雑なことをしているようですが、Firefoxの場合は以下のように動作します：

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（）を使用して、イベントを添付する前にページが読み込まれていることを確認しています。 私はあなたと裸JavaScriptでそれを行うことができると思います：要素は最後のものだけを登録します

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スクリプトですので。