イベント：3つの主要部分があります。
イベントソース：このようOUL obox、およびその他などのソース出発イベント
イベントの種類：れるonmousedownなどのonclickなどのトリガイベント、およびその他によってどのような行動
イベントハンドラ：この動作をトリガーするには、物事の機能を実行します。
=関数obox.onclick（）{
にconsole.log（1）
}
oboxをクリックしてコンソール1に表示され
イベントオブジェクト
イベントオブジェクトの取得の要素
VaRのobox = document.querySelector（ "ボックスは "）// ボックスと呼ばれる、選択したオブジェクトクラスは、上記のIDを選択するために＃を追加することができ
、すべてのpタグが返されます// SELECTするvar OP = document.querySelectorAll（ "P"）を我々は、OPアレイと呼ば
するvar obox =のdocument.getElementById（ "カカ" ）// カカのIDと選択された要素
のvar obox = document.getElementsByClassName（ "xaxaを" //） の選択された要素xaxaのクラス
のvar aspan =文書を.getElementByTagName（ "スパン"）// spanタグ名を取得
するvar AUSER = document.getElementsByName（ 'ユーザー'の ）//は、ユーザーの要素の名前を取得します
属性の座標
オブジェクトとマウスの移動測位座標
幅と可視領域の高さ
obox.clientWidth
obox.clientHeightが
（適応スクロールバーが生成されるのオーバーフローの場合だけでなく、距離を有する）スクロール領域の幅と高さを含む
obox.scrollWidth
obox.scrollHeightの
可視境界の領域高
obox.offsetWidth
obox.offsetHeightの
オフセットを含むブロックに対する要素
obox.offsetTop
obox.offsetLeftは
圧延とき左と上に生成
obox.scrollLeft
obox.ScrollTopを
============= ================================================== ==============
マウスは、イベントのソースに対して相対座標
.offsetX
.offsetY
マウスがページに対する座標が、
.clientX
.elientY
マウスは、ページからの相対座標
.pageX
.pageY
マウスは、画面全体に対する相対座標
.screenX
.ScreenY
関係イベントオブジェクトの取得
DOM関係セレクタ
サブ要素から選択された親要素
のアレイ返しobox.children
親の元素から選ばサブ要素は
~~~ .parentNode要素を返し
最初のサブエレメント
obox.fristElementChild
最後の子が
obox.ladtElementChild
上の兄弟要素
oboxを。 previousElementSibling
次の兄弟要素
obox.nextElementSibling
」=========================================を
ここでは他の要素ドムのセレクタのある
親要素選択されたサブ要素は、
イベントソース
イベントの種類
鍵取得
イベントバブリング
のデフォルトイベント
バインディングイベント方法：
DOM0レベル（評価式）
DOM2レベル（モニタタイプ）
イベントデリゲート：
イベントソースの
イベントバブリング
状態イベントフローの
イベントのキャプチャ
対象の
イベントバブリング