Latest web development tutorials
×

JavaScript & HTML DOM リファレンスマニュアル

概要

JavaScript オブジェクト

JavaScript Array オブジェクト JavaScript Boolean オブジェクト JavaScript Date オブジェクト JavaScript Math オブジェクト JavaScript Number オブジェクト JavaScript String オブジェクト JavaScript RegExp オブジェクト JavaScript グローバルプロパティ/関数 JavaScript 演算子

Browser オブジェクト

Window オブジェクト Navigator オブジェクト Screen オブジェクト History オブジェクト Location オブジェクト

DOM オブジェクト

HTML DOM Document オブジェクト HTML DOM Elementオブジェクト HTML DOM 属性オブジェクト HTML DOM イベントオブジェクト

HTML オブジェクト

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOMイベントオブジェクト

HTMLのDOMイベント

HTML DOMイベントはJavascriptがHTML文書の要素に異なるイベントハンドラを登録することができます。

イベントが発生する前に、多くの場合、機能に関連して使用されるイベントは、関数が実行されません！ （このようなユーザーとしてボタンをクリック）。

ヒント：W3Cレベル2のDOMイベントで標準化されたイベントモデル。

HTMLのDOMイベント

DOM：DOM属性は、使用のレベルを示しています。

マウスイベント

プロパティ 説明 DOM
onclickの ユーザーがオブジェクトハンドルをクリックしたときにイベントが呼び出されます。 2
oncontextmenu ユーザーがコンテキストメニューを開くには、マウスの右ボタンをクリックしたときにトリガ
れるondblclick ユーザーがオブジェクトのハンドルをダブルクリックしたときにイベントが呼び出されます。 2
れるonmousedown マウスボタンが押下されます。 2
onmouseenter マウスポインタが要素に移動するときに発生。 2
onmouseleave マウスポインタは、トリガ素子の外に移動するとき 2
れるonmousemove マウスが移動されます。 2
onmouseover属性 要素の上にマウス。 2
れるonmouseout 離れた要素からマウス。 2
onMouseUpの マウスボタンが解放されます。 2

キーボードイベント

属性 描述 DOM
onkeydown 某个键盘按键被按下。 2
onkeypress 某个键盘按键被按下并松开。 2
onkeyup 某个键盘按键被松开。 2

フレーム/オブジェクト（フレーム/オブジェクト）のイベント

属性 描述 DOM
onabort 图像的加载被中断。 ( <object>) 2
onbeforeunload 该事件在即将离开页面（刷新或关闭）时触发 2
onerror 在加载文档或图像时发生错误。 ( <object>, <body>和 <frameset>)
onhashchange 该事件在当前 URL 的锚部分发生修改时触发。
onload 一张页面或一幅图像完成加载。 2
onpageshow 该事件在用户访问页面时触发
onpagehide 该事件在用户离开当前网页跳转到另外一个页面时触发
onresize 窗口或框架被重新调整大小。 2
onscroll 当文档被滚动时发生的事件。 2
onunload 用户退出页面。 ( <body> 和 <frameset>) 2

フォームイベント

属性 描述 DOM
onblur 元素失去焦点时触发 2
onchange 该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>) 2
onfocus 元素获取焦点时触发 2
onfocusin 元素即将获取焦点时触发 2
onfocusout 元素即将失去焦点时触发 2
oninput 元素获取用户输入时触发 3
onreset 表单重置时触发 2
onsearch 用户向搜索域输入文本时触发 ( <input="search">)  
onselect 用户选取文本时触发 ( <input> 和 <textarea>) 2
onsubmit 表单提交时触发 2

クリップボードイベント

プロパティ 説明 DOM
oncopy イベントがトリガされたときに、ユーザーがコピー要素の内容
oncut イベントがトリガされたときにユーザーせん断要素の内容
onpaste ユーザーが要素の内容を貼り付けたときにイベントがトリガされます

印刷イベント

プロパティ 説明 DOM
onafterprint トリガイベントは既に既に閉じられているページを印刷し始めた、またはウィンドウを印刷しました
onbeforeprint ページが印刷を開始しようとしているときにイベントがトリガされます

ドラッグイベント

イベント 説明 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
animationend アニメーションは、CSSを再生が完了すると、このイベントがトリガされます
animationiteration CSSアニメーションを繰り返すときに、このイベントがトリガされます
animationstart アニメーションは、CSSの再生を開始したときに、このイベントがトリガされます

遷移事象

イベント 説明 DOM
transitionend イベントは、移行を完了するためにCSSの後にトリガされます。

その他のイベント

イベント 説明 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