132、JavaScriptイベントの概要

出典ます。https://www.runoob.com/jsref/dom-obj-event.html
まず、マウスイベント
1、のonclick:イベントオブジェクトをユーザーがクリックするとハンドルと呼ばれます。
2、も、oncontextmenu:ユーザーがコンテキストメニューを開くには、マウスの右ボタンをクリックしたときにトリガ。
3、れるondblclick:ユーザーが呼ばれるオブジェクトをダブルクリックするイベントハンドラ。
マウスボタンが押された:れるonmousedown 4、。
5、onmouseenter:マウスポインタが要素上を移動する火災。
6、onmouseleave:要素のうち火災マウスポインタ。
7は、ONMOUSEMOVE:マウスを移動させます。
8、onmouseover属性:要素の上にマウス。
9、れるonmouseout:マウス離れ要素から。
マウスボタンが離された:onMouseUpの10、。
第二に、キーボードイベント
1は、onKeyDownメソッド:キーボードのキーが押されています。
2、onkeypressでは:キーボードのキーを押すと解除されます。
3、onkeyupの:キーボードのキーが解放されます。
第三に、フレームワーク/オブジェクト(フレーム/オブジェクト)のイベント
1、onabort:ロードされたイメージが中断されます。
2、onbeforeunload:このイベントが発生ページを離れるとき(オフに更新したり)。
3、ONERROR:文書または画像の読み込み中にエラーが発生しました。
4、onhashchange:現在の修正のURLのアンカー部分が発生したときに、このイベントがトリガされます。
5、onloadイベント:ページまたはイメージがロードを完了しました。
6は、onpageshow:ユーザーがページにアクセスしたときに、このイベントがトリガされます。
図7は、onpagehide:イベントでは、ユーザーは、現在のページトリガに別のページへのジャンプを残します。
図8は、さらにonResize:ウィンドウまたはフレームのサイズが変更されます。
図9は、onscroll:文書がスクロールされたイベントが発生しました。
10は、ONUNLOAD:ユーザーがページを終了します。
第三に、フォームのイベント
1、onBlurイベント:火災要素がフォーカスを失いました。
2、のOnChange:フォーム要素の内容が変更されたとき、このイベントがトリガされ
3、ONFOCUS:火災要素がフォーカスを取得しました。
4、onfocusin:火災要素がフォーカスを取得しようとしているとき。
5、onfocusout:火災要素がフォーカスを失うとしています。
6、oninput:トリガー要素は、ユーザー入力を取得します。
7、onreset:トリガーフォームをリセットします。
図8は、onsearch:ユーザーがテキストを入力する検索フィールドをトリガします。
図9は、ONSELECT:ユーザーがテキストを選択したときにトリガ。
10、をonSubmit:フォームが送信されたときにトリガされます。
第四に、クリップボードのイベント
1は、oncopy:このイベントは、ときにユーザーがコピー要素の内容にトリガされます。
2、のoncut:このイベントは、ときにユーザー剪断要素内容トリガされます。
3は、onpaste:ユーザーが要素のコンテンツを貼り付けるときに、このイベントがトリガされます。
第五に、印刷イベント
1は、onafterprint:このイベントは、すでにページの印刷開始、または印刷ウィンドウが閉じたときにトリガしました。
2、onbeforeprint:ページの印刷が開始されようとしているときに、このイベントがトリガされます。
第六に、ドラッグイベント
1、ondrag:要素がドラッグされているときに、このイベントがトリガされます。
2、ondragend:トリガイベントは、ユーザの要素を完成ドラッグします。
3は、ondragenter:ドロップターゲットに要素をドラッグしたときに、このイベントがトリガされます。
4は、ondragleave:ドラッグ要素がゴールから離れて配置されている場合、このイベントがトリガされます。
5、は、OnDblClick:このイベントがトリガされたとき、ドロップターゲットにドラッグエレメント。
6は、ondragstart:ユーザーが要素のドラッグを開始したときに、このイベントがトリガされます。
7、ondrop:ドラッグエレメントが標的領域に配置され、このイベントが発生。
七、マルチメディア(メディア)のイベント
1、onabort:ビデオ/オーディオのイベントをトリガする(オーディオ/ビデオ)がロードされた終了します。
oncanplay、2:ユーザーにイベントをトリガすると、ビデオ/オーディオ(オーディオ/ビデオ)の再生を開始することができます。
図3は、oncanplaythrough:イベントがまだ一時停止バッファリングすることなく再生可能なビデオ/オーディオ(オーディオ/ビデオ)とトリガです。
4、ondurationchange:映像/音声(オーディオ/ビデオ)変更のイベント期間をトリガします。
図5は、onemptied:現在のプレイリストが空であるトリガー。
図6は、onended:イベントトリガーを映像/音声(オーディオ/ビデオ)での遊びの終わりに。
7、ONERROR:エラーがロード中に発生した場合、映像/音声(オーディオ/ビデオ)内のイベントは、データがトリガされます。
8、onloadeddata:イベントはブラウザの発射トリガーに映像/音声(オーディオ/ビデオ)をロードするとき、現在のフレーム。
9、onloadedmetadata:指定された映像/音声(オーディオ/ビデオ)内のメタデータイベントは、ロード後にトリガ。
10は、onloadstart:ブラウザでのイベントは、指定されたビデオ/オーディオ(オーディオ/ビデオ)トリガを探して起動します。
11、onpause:映像/音声(オーディオ/ビデオ)一時停止のイベントをトリガします。
12、onplay:ビデオ/オーディオ(オーディオ/ビデオ)の再生を開始するイベントをトリガします。
13、onplaying:ビデオ/オーディオ(オーディオ/ビデオ)または再生を開始する準備ができて再トリガバッファ後のイベントのポーズ。
14、onprogress:ビデオ/オーディオ(オーディオ/ビデオ)をダウンロードするには、ブラウザで指定されたトリガイベント。
15、onratechange:トリガ・イベント映像/音声(オーディオ/ビデオ)の再生速度を変更している送ります。
ユーザーの再生位置にあるトリガーイベント映像/音声(オーディオ/ビデオ)を再配置した後:16、onseeked。
17、onseeking:イベントがスタート位置変更、映像/音声(オーディオ/ビデオ)のユーザーをトリガした場合。
18、onstalled:ブラウザでメディアイベントデータを取得しますが、メディアのデータが利用できないときにトリガ。
19、onsuspend:メディア・データをブラウザで読んで中止すると、イベントがトリガさ。
20、ontimeupdate:イベントは、いつ現在の再生位置の送信変化を引き起こし。
21、onvolumechange:イベントが発生量が変化します。
22、onwaiting:による映像が次のフレームバッファを再生するイベントが発生が必要です。
八、アニメーションイベント
1、animationend:CSSアニメーションが完了したときに、このイベントがトリガされます。
2、animationiteration:CSSアニメーションを繰り返したときに、このイベントがトリガされます。
3、animationstart:CSSアニメーションの開始時にこのイベントがトリガされます。
九、遷移イベント
図1に示すように、transitionend:このイベントは、CSSの遷移が完了した後にトリガされます。
X.その他のイベント
1は、onMessageの:このイベントは、いずれかのオブジェクト(WebSocketを、ウェブワーカー、イベントソースの子や親ウィンドウまたはフレーム)からメッセージを受信することによってトリガーされます。
2、onmousewheel:廃止されました。代わりにonwheelイベントを使用してください。
3、ononline:ブラウザがオンラインで作業するときに、このイベントがトリガされます。
4、onoffline:ブラウザがオフライン作業を開始するときに、このイベントがトリガされます。
5は、onpopstate:(履歴オブジェクトを)閲覧履歴ウィンドウが変更されたときに、このイベントがトリガされます。
図6に示すように、onshow <メニュー>要素がコンテキストメニューに表示されたときに、このイベントがトリガされます。
7は、onstorage:このイベントは、トリガされたときのWebストレージ(HTML 5 Webストア)更新。
図8は、ontoggle:このイベントは、<詳細>要素は、ときに、ユーザトリガされ開いているか閉じています。
9、onwheel:このイベントは、火災マウスホイールをスクロールアップおよび要素にダウンします。
XIイベントオブジェクト
1、定数
(1)撮像相:キャプチャ段階(1)のための現在のイベントフェーズ。
(2)AT-TARGET:現在のイベントは、対象イベント(1)を評価する際に、ターゲット・ステージです。
(3)バブリング相を:現在のイベントは、バブリング段階です。
2、財産
(1)バブル:イベントがバブリングイベント型であるかどうかを示すブール値を返します。
(2)取消:イベントがデフォルトアクションをキャンセル保持できるかどうかを示すブール値を返します。
(3)は、currentTargetは:そのイベントリスナがイベントの要素をトリガーし返します。
(4)eventPhase:イベントスプレッドの現在のステージを返します。
(5)ターゲット:イベント(イベント・ターゲット・ノード)をトリガ要素を返します。
(6)タイムスタンプ:生成されたイベントの日付と時刻を返します。
(7)タイプ:代表される現在のイベントのイベントオブジェクトの名前を返します。
3.方法:
(1)initEvent():Eventオブジェクトは、新しく作成されたを初期化するための属性。
(2)でpreventDefault():イベントに関連付けられたデフォルトのアクションを実行しないようにブラウザに指示します。
(3)のstopPropagation():もはやイベントを配布しません。
XII対象イベントオブジェクト
1、方法
(1)のaddEventListener():対象イベント(IE8 = attachEvent())でのイベントをリッスンするように登録することができました。
(2)は、dispatchEvent():リスナーにイベントを送信することを許可(IE8 = fireEvent())。
(3)にremoveEventListener():イベントターゲット(IE8 = detachEvent())上のイベントをリッスンするために、一度登録を実行します。
XIIIイベントリスナーオブジェクト
1、方法
(1)のhandleEvent():任意のオブジェクトは、イベントハンドラとして登録されて置きます。
第四に、文書イベントオブジェクト
1、方法
(1)にcreateEvent()。
第五に、マウス/キーボードイベントオブジェクト
1、財産
(1)altKeyのを:イベントがトリガされたとき、「ALT」が押された返さ。
(2)ボタン:マウスボタンをクリックすると、イベントがトリガされた戻り、。
(3)clientX:イベントがトリガされたとき、マウスポインタの水平方向の座標を返します。
(4)clientYプロパティは:イベントがトリガされた返したとき、マウスポインタの垂直座標。
(5)ctrlKey:イベントがトリガされたときに返され、「CTRL」キーが押されています。
(6)場所:デバイス上のキーの位置を返します。
(7)charCodeは:OnKeyPressイベントトリガーキー値文字コードを返します。
(8)キー:キーが押されたキーの識別子を返します。
(9)のkeyCodeは:onKeyDownメソッドまたはイベントonkeyupの文字コード値OnKeyPressイベントトリガーキーまたはキーコードを返します。
onkeydownをやイベントonkeyupの文字コード値OnKeyPressイベントトリガーキーまたはキーコードを返します:(10)。
(11)metakeyな:イベントがトリガされたときに返され、「メタ」キーが押されています。
(12)relatedTargetは:宛先ノードのイベントに関連付けられているノードを返します。
(13)がscreenX:イベントがトリガされた戻り、マウスポインタの水平座標。
(14)screenYの戻り値:イベントがトリガされたとき、マウスポインタの垂直座標。
(15)shiftKey:イベントがトリガされたときに返され、「SHIFT」キーが押されました。
図2に示すように、方法
(1)initMouseEvent():マウスイベントオブジェクトの値を初期化します。
()(2)initKeyboardEvent:値の初期化キーボードイベントオブジェクト。

おすすめ

転載: www.cnblogs.com/gushixianqiancheng/p/11321997.html