原文章：https://wangdoc.com/javascript/index.html

GlobalEventHandlersインタフェース

コールバック関数指定されたイベントは、推奨される方法は、要素であるaddEventListener方法。

div.addEventListener('click', clickHandler, false);

また、直接、コールバック関数のイベントを指定する方法があります。

div.onclick = clickHandler;

このインターフェースは、によって実装されたGlobalEventHandlersインタフェースを提供します。その利点は欠点は、あなたが唯一のイベントごとにコールバック関数を指定することができ、あなたはイベントトリガー（キャプチャ段階、またはバブリング段階）の段階を指定することはできませんで、使用する方が便利です。

HTMLElement、DocumentそしてWindow我々は、HTML要素のすべての種類を言うことです、このインターフェイス、継承しているdocumentオブジェクトを、window上記の目的は、使用することができますGlobalEventHandlers提供するインタフェースの属性を。以下は、このインタフェースが提供するメインイベントの属性を記載されています。

GlobalEventHandlers.onabort

対象abortイベント（停止負荷）が発生し、それが呼び出すonabortプロパティ指定されたコールバック関数を。

停止トリガに、統一の必要ありませんどのように最後に、イベントの様々な要素をロードします。だから、実際には、このプロパティは、現在一般的にのみに使用される<img>上記の要素。

// HTML 代码如下
// <img src="example.jpg" id="img">
var img = document.getElementById('img');
img.onabort = function () {
  console.log('image load aborted.');
}

GlobalEventHandlers.onerror

errorイベントが発生すると、それが呼び出されますonerrorプロパティ指定されたコールバック関数を。

error2へのイベント。

一つはへのJavaScriptの実行時エラー、スプレッドでwindow引き起こし、オブジェクトwindow.onerror()。

window.onerror = function (message, source, lineno, colno, error) {
  // ...
}

window.onerrorハンドラは、5つのパラメータ、以下の意味の合計を受けました。

メッセージ：エラーメッセージ文字列
URLエラースクリプト：ソース
LINENO：エラーライン数が整数であります
COLNO：エラー列番号は整数であります
エラー：エラーオブジェクト

別のリソースは、次のような、エラーがロードされている<img>か、<script>ロードされたリソースの読み込みエラー。この場合には、オブジェクトに対応するエラー要素が要素引き起こし、送信されるonerror属性を開始します。

element.onerror = function (event) {
  // ...
}

一般的には、ロード・エラーリソースがトリガされないことに注意してくださいwindow.onerror。

GlobalEventHandlers.onload、GlobalEventHandlers.onloadstart

負荷要素を終了すると、それが引き金となるloadイベント実行をonload()。これは、一般的な使用シナリオでwindowオブジェクトと<img>要素。以下のためwindowのオブジェクト、すべてのリソースのみのページのロードには（すべての外部リソースのイメージ、スクリプト、スタイルシート、フォントなどを含む）が完了し、それが引き金となりload、イベントを。

用<img>および<video>他の要素が、また、負荷の発症トリガloadstart実行につながったイベントをonloadstart。

GlobalEventHandlers.onfocus、GlobalEventHandlers.onblur

現在の要素がトリガされますフォーカスを持っている場合はelement.onfocus、フォーカスを失うと、それがトリガされますelement.onblur。

element.onfocus = function () {
  console.log("onfocus event detected!");
};
element.onblur = function () {
  console.log("onblur event detected!");
};

それがトリガーされるように、ユーザ入力を受け取ることができる要素がない場合がありますonfocus、要素は持っている必要がありますtabindex属性を。

GlobalEventHandlers.onscroll

場合は、ページまたはスクロール要素、トリガとなるscroll実行につながるイベントをonscroll()。

GlobalEventHandlers.oncontextmenu、GlobalEventHandlers.onshow

ユーザーは、ページ上のトリガをマウスの右ボタンを押してcontextmenu実行につながるイベントをoncontextmenu()。実行を返すプロパティ場合はfalse、右クリックメニューを禁止することと等価です。同じ効果。document.oncontextmenuwindow.oncontextmenu

document.oncontextmenu = function () {
  return false;
};

コードの上には、oncontextmenuプロパティの戻りの実施後false、右クリックメニューが表示されません。

場合は、右クリックメニューの表示要素、要素がトリガされますonshowリスナー関数を。

その他のイベントプロパティ

マウスのイベントのプロパティ。

onclickの
れるondblclick
れるonmousedown
OnMouseEnter
onmouseleave
れるonmousemove
ONMOUSEOUT
onmouseover属性
onMouseUpの
onwheel

キーボードのイベントのプロパティ。

onkeydownを
onkeypressでは
onkeyupの

イベントプロパティの焦点。

onblur
ONFOCUS

イベントのプロパティを形成します。

oninput
onchange
onSubmit
onreset
oninvalid
ONSELECT

イベントプロパティをタッチします。

ontouchcancel
ontouchend
ontouchmove
ontouchstart

ドラッグ事象は、2つのタイプに属性：一つは要素に関連付けられたドラッグであり、他方が受光素子関連するコンテナ要素をドラッグします。

イベント属性は、要素をドラッグ。

ondragstart：ドラッグ開始
ondrag：ドラッグ、あらゆる数百ミリ秒が引き金
ondragend：最後をドラッグします

コンテナ要素要素をドラッグするイベント属性を受け取ります。

ondragenter：コンテナ要素にドラッグされている要素。
ondragleave：元素では、コンテナ要素から離れてドラッグ。
OnDblClick：ごとに数百ミリ秒のトリガと、コンテナ要素の上に要素をドラッグ。
ondrop：マウスが解放され、要素ビーイングは、コンテナ要素にドラッグ。

<dialog>イベントのプロパティ]ダイアログボックスの要素。

oncancel
OnCloseの

ジャバスクリプト：GlobalEventHandlersインタフェース