HTML DOMイベントオブジェクト
HTMLのDOMイベント
HTML DOMイベントはJavascriptがHTML文書の要素に異なるイベントハンドラを登録することができます。
イベントが発生する前に、多くの場合、機能に関連して使用されるイベントは、関数が実行されません! (このようなユーザーとしてボタンをクリック)。
ヒント:W3Cレベル2のDOMイベントで標準化されたイベントモデル。
HTMLのDOMイベント
DOM:DOM属性は、使用のレベルを示しています。
マウスイベント
キーボードイベント
フレーム/オブジェクト(フレーム/オブジェクト)のイベント
フォームイベント
クリップボードイベント
プロパティ | 説明 | DOM |
---|
oncopy | イベントがトリガされたときに、ユーザーがコピー要素の内容 | |
oncut | イベントがトリガされたときにユーザーせん断要素の内容 | |
onpaste | ユーザーが要素の内容を貼り付けたときにイベントがトリガされます | |
印刷イベント
ドラッグイベント
イベント | 説明 | DOM |
---|
ondrag | 要素がドラッグされているときにイベントがトリガされます | |
ondragend | ユーザーが完了するために要素をドラッグしたときにイベントがトリガされます | |
ondragenter | ドロップターゲットに要素をドラッグすると、このイベントがトリガされます | |
ondragleave | ドラッグ要素がドロップターゲットを残すようにすると、このイベントがトリガされます | |
OnDblClick | ターゲットは、ドラッグ要素上に置かれたときにイベントがトリガされます | |
ondragstart | ユーザーが要素のドラッグを開始したときにイベントがトリガされます | |
ondrop | ドラッグ要素がターゲット領域内に配置されたときに、このイベントがトリガされ | |
マルチメディア(メディア)のイベント
イベント | 説明 | DOM |
---|
onabort | ロード時にトリガーを終了するイベント映像/音声(オーディオ/ビデオ)。 | |
oncanplay | イベントは、ユーザーにトリガされると、映像/音声(オーディオ/ビデオ)の再生を開始することができます。 | |
oncanplaythrough | トリガイベントは、通常のビデオ/オーディオ(オーディオ/ビデオ)で一時停止し、バッファなしに再生することができます。 | |
ondurationchange | イベント映像/音声(オーディオ/ビデオ)期間トリガ変更。 | |
onemptied | トリガリストが空である、現在のプレーヤー | |
onended | イベントトリガ映像/音声(オーディオ/ビデオ)の遊びの終わりに。 | |
ONERROR | 映像/音声(オーディオ/ビデオ)データがロードされる時にエラーが発生したときにイベントがトリガ。 | |
onloadeddata | ブラウザでのイベントは、映像/音声(オーディオ/ビデオ)トリガ現在のフレームをロードします。 | |
onloadedmetadata | イベントのメタデータは、ロード後にビデオ/オーディオ(オーディオ/ビデオ)トリガを指定します。 | |
onloadstart | ブラウザでのイベントは、指定された映像/音声(オーディオ/ビデオ)トリガを探して起動します。 | |
onpause | 映像/音声(オーディオ/ビデオ)一時停止中のトリガ・イベント。 | |
onplay | イベントには、映像/音声(オーディオ/ビデオ)の再生を開始するきっかけとなりました。 | |
onplaying | 準備ができて再び再生を開始すると、イベント映像/音声(オーディオ/ビデオ)一時停止または緩衝後がトリガされます。 | |
onprogress | 映像/音声をダウンロードするには、ブラウザで指定されたイベントトリガ(オーディオ/ビデオ)。 | |
onratechange | トリガーの変更イベント映像/音声(オーディオ/ビデオ)再生速度を送信するとき。 | |
onseeked | イベントでは、映像/音声(オーディオ/ビデオ)の再生位置を再配置するためにユーザがトリガ。 | |
onseeking | 火災、ユーザーがイベント映像/音声(オーディオ/ビデオ)を再配置するために開始します。 | |
onstalled | ブラウザでメディアイベントデータを取得しますが、トリガされたときにメディア・データは使用できません。 | |
onsuspend | イベントは、読むためにブラウザでメディアデータの停止を引き起こしました。 | |
ontimeupdate | 現在の再生位置が変更を送信すると、イベントがトリガさ。 | |
onvolumechange | イベントは、時の体積変化を引き起こしました。 | |
onwaiting | ビデオは、あなたが次のフレームバッファを再生したいときにイベントがトリガされるために必要です。 | |
アニメーションのイベント
遷移事象
その他のイベント
イベント | 説明 | DOM |
---|
onMessage | イベントがするか、またはオブジェクト(WebSocketを、ウェブワーカー、イベントソースまたはサブフレームまたは親ウィンドウ)からトリガされたときにメッセージを受信します | |
onmousewheel | 廃止されました。 使用onwheelイベント代用 | |
ononline | ブラウザがオンラインで作業するときに、このイベントがトリガされます。 | |
onoffline | ブラウザがオフラインで作業を開始する必要がある場合、このイベントがトリガされます。 | |
onpopstate | このイベントはトリガされたときに、ウィンドウが変更の閲覧履歴(ヒストリー・オブジェクト)。 | |
onshow | <メニュー>要素は、コンテキストメニューのトリガーに表示されるイベント | |
onstorage | このイベントがトリガされたときに、Webストレージ(HTML 5 Webストア)更新 | |
ontoggle | ユーザが<詳細>要素を開いたり、閉じたときにイベントがトリガされます | |
onwheel | マウスホイールを上下にスクロール要素でするときに、このイベントがトリガされます | |
イベントオブジェクト
定数
静态变量 |
描述 |
DOM |
CAPTURING-PHASE |
当前事件阶段为捕获阶段(3) |
1 |
AT-TARGET |
当前事件是目标阶段,在评估目标事件(1) |
2 |
BUBBLING-PHASE |
当前的事件为冒泡阶段 (2) |
3 |
プロパティ
プロパティ | 説明 | DOM |
---|
泡 | イベントがバブリングイベントのタイプであるかどうかを示すブール値を返します。 | 2 |
キャンセル可能な | イベントはデフォルトのアクションのプロをキャンセルできるかどうかを示すブール値を返します。 | 2 |
currentTarget | そのイベントリスナーがイベントの要素をトリガー返します。 | 2 |
eventPhase | イベントスプレッドの現在のステージを返します。 | 2 |
ターゲット | このイベント(イベントターゲットノード)をトリガー要素を返します。 | 2 |
timeStampに | 生成されたイベントの日付と時刻を返します。 | 2 |
タイプ | Eventオブジェクトが表す現在のイベントの名前を返します。 | 2 |
ウェイ
方法 |
描述 |
DOM |
initEvent() |
初始化新创建的 Event 对象的属性。 |
2 |
preventDefault() |
通知浏览器不要执行与事件关联的默认动作。 |
2 |
stopPropagation() |
不再派发事件。 |
2 |
対象イベントオブジェクト
ウェイ
方法 |
描述 |
DOM |
addEventListener() |
允许在目标事件中注册监听事件(IE8
= attachEvent()) |
2 |
dispatchEvent() |
允许发送事件到监听器上 (IE8 =
fireEvent()) |
2 |
removeEventListener() |
运行一次注册在事件目标上的监听事件(IE8 =
detachEvent()) |
2 |
イベントリスナーオブジェクト
ウェイ
方法 |
描述 |
DOM |
handleEvent() |
把任意对象注册为事件处理程序 |
2 |
ドキュメント・オブジェクト・イベント
ウェイ
方法 |
描述 |
DOM |
createEvent() |
|
2 |
マウス/キーボードイベントオブジェクト
プロパティ
属性 |
描述 |
DOM |
altKey |
返回当事件被触发时,"ALT" 是否被按下。 |
2 |
button |
返回当事件被触发时,哪个鼠标按钮被点击。 |
2 |
clientX |
返回当事件被触发时,鼠标指针的水平坐标。 |
2 |
clientY |
返回当事件被触发时,鼠标指针的垂直坐标。 |
2 |
ctrlKey |
返回当事件被触发时,"CTRL" 键是否被按下。 |
2 |
Location |
返回按键在设备上的位置 |
3 |
charCode | 返回onkeypress事件触发键值的字母代码。 | 2 |
key | 在按下按键时返回按键的标识符。 | 3 |
keyCode | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
which | 返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码。 | 2 |
metaKey |
返回当事件被触发时,"meta" 键是否被按下。 |
2 |
relatedTarget |
返回与事件的目标节点相关的节点。 |
2 |
screenX |
返回当某个事件被触发时,鼠标指针的水平坐标。 |
2 |
screenY |
返回当某个事件被触发时,鼠标指针的垂直坐标。 |
2 |
shiftKey |
返回当事件被触发时,"SHIFT" 键是否被按下。 |
2 |
ウェイ
方法 |
描述 |
W3C |
initMouseEvent() |
初始化鼠标事件对象的值 |
2 |
initKeyboardEvent() |
初始化键盘事件对象的值 |
3 |