(Window)プロパティ.closed.document.frameElement.frames.fullScreen.history.innerHeight.innerWidth.length.location.locationbar.menubar.name.navigator.onafterprint.onbeforeprint.onblur.onchange.onclick.ondevicemotion.ondeviceorientation.onfocus.onhashchange.onkeydown.onkeypress.onkeyup.onmousedown.onmousemove.onmouseout.onmouseover.onmouseup.onpopstate.onreset.onresize.onscroll.outerHeight.outerWidth.parent.performance.screen.screenX.screenY.scrollMaxX.scrollMaxY.scrollX.scrollY.scrollbars.self.status.window.onbeforeunload.onunload.opener.topメソッド.alert().atob().blur().clearInterval().clearTimeout().close().dispatchEvent().find().focus().getComputedStyle().getSelection().matchMedia().moveBy().moveTo().open().postMessage().print().prompt().requestAnimationFrame().resizeBy().resizeTo().scroll().scrollBy().scrollTo().setInterval().stop().btoa().confirm().setTimeout().addEventListener()https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener要素にイベントハンドラを登録します。その他のイベントがサポートされたオブジェクト(例えば、XMLHttpRequestのような)かもしれません。説明type型:stringリッスンするイベントのタイプの文字列を指定します。listener型:EventListener、function指定したtypeのイベントが発生した際に、通知を受け付けるオブジェクトです。シンプルなJavaScript関数でなければいけません。初期値:falsetrueを指定すると、useCaptureはユーザーがキャプチャ開始を望んでいることを指し示します。指定されたtypeの全てのイベントが登録されたリスナーに送られます。ツリーを通してバブルアップ(浮上)するイベントは、useCapture指定されたリスナーをトリガしません。Eventsを参照してください。指定されない場合、useCaptureはデフォルトのfalseを適用します。useCaptureは主要なブラウザの最近のバージョン、またはそれ以上でのみ任意(optional)になっています。6より前のバージョンでは任意ではないため、この引数を指定する必要があります。[wantsUntrusted](Mozilla、Firefoxのみ)型:booleanもしtrueが指定されると、リスナーはWebコンテンツによって送信された作り物のイベントを受け取ります。(デフォルト値はChromeではfalseで、通常のWebページではtrueです。この引数はGeckoでのみ利用可能で、主にアドオンのコード用、ブラウザ自身に有用なものです。詳細は、特権ページと非特権ページとのやり取りのページを参照してください。addEventListener()を使用してクリックイベントをリスナーに登録しています。テーブルの何処かをクリックすると、ハンドラがバブルアップしてmodifyText()を実行します。リスナー関数に引数を渡したいのであれば、無名関数を使用することが出来ます。addEventListenerを使用するのか?addEventListenerは、指定したDOM(W3Cの)内にイベントリスナーとして登録する方法です。これを使用するメリットは下記の通りです。イベントに複数のハンドラを追加することが可能です。DHTMLライブラリまたはMozilla拡張で問題なく動作させる必要がある際に便利です。bubbling)に、きめ細かく制御することを可能にしてくれます。HTMLの要素では無いDOM要素でも動作します。古い方式でのイベントリスナー登録については後述します。それは現在のアクションによってトリガされませんが、バブリングフェーズのようなその後のイベントフロー段階でトリガーされるかもしれません。重複されたインスタンスが破棄されます。removeEventListenerを使用して手動で削除する必要はありません。ハンドラ内でのthisの値についてイベントハンドラの関数内から、その発火元の要素を参照したくなる事がよくあります。呼び出し元への参照がthisの値となって関数内に渡されます。クリックイベントから呼び出されたのであれば、テーブル't'への参照になります。グローバル(window)オブジェクトへの参照になります。与えられた関数が呼ばれる全ての状況で、thisとして使用されるべき値を指定させてくれます。これは、関数が呼び出される際にコンテキストに依存してthisがはっきりしない問題を容易に解決させてくれます。後でそれを削除することが出来るように、そのリスナーへの参照を保持しておく必要があります。下記は、bind有りと無しの例です。false);}上記の例の問題は、bindされたリスナーを削除することが出来ない事です。別の解決方法として、handleEventと呼ばれる特別な関数を使用してイベントをキャッチする方法があります。適切にリスナーを削除することが可能です。attachEventを使用します。IEをサポートするには、上記の例を下記のように修正します。windowオブジェクトへの参照になってしまいます。あなたのスクリプト内で代替手段を用いることが可能です。このコードは、handleEventとDOMContentLoadedの使用をサポートします。IE8でサポートされないuseCaptureの代替手段は存在しません。下記のコードは、IE8のみをサポートするコードであることにも注意してください。Events仕様で導入されました。それ以前は、イベントリスナーは下記のようにして登録されていました。...};この方法は、もし既に他の既存のクリックイベントのリスナーがあると、それを置き換えてしまいます。同様に、blur(onblur)、keypress(onkeypress)のような、イベントハンドラに関するその他のイベントでも同じことが起こります。0に該当する部分であるため、幅広くサポートされており特別なクロスブラウザ用のコードを必要としません。動的にイベントリスナーを登録する際に普通に使用されます。false);}ケース:1では、新しい(無名)関数がループの度に作成されます。ケース:2では、先に宣言した同じ関数がイベントハンドラとして使用され、結果としてメモリ消費を抑えることが出来ます。element.removeEventListenerを呼び出すことが不可能になります。それを行うことが可能です。例外がスローされます。現在ではメソッドはエラーをエラーを返さず、何も行いません。それ以前から動作していました。この変更は、Safari5.1とChrome13で実装されました。Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。@tomofまで教えていただければ幸いです。試験的に導入されているようなAPIや機能については、省略していることがあります。その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。"訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。