このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
Element
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
* Some parts of this feature may have varying levels of support.
Element はDocument が継承するオブジェクトの中にあるすべての要素オブジェクト（すなわち、要素を表現するオブジェクト）が継承する、もっとも一般的な基底クラスです。すべての種類の要素の共通するメソッドとプロパティのみを持ちます。もっと具体的なクラスがElement を継承しています。
例えばHTMLElement インターフェイスは、HTML 要素の基本インターフェイスです。同様に、SVGElement インターフェイスはすべての SVG 要素の基本になっており、MathMLElement インターフェイスは MathML 要素の基本インターフェイスです。ほとんどの機能は、クラスの階層を下りると具体化していきます。
XUL のXULElement インターフェイスのようなウェブプラットフォームの枠外の言語もまた、Element インターフェイスを実装しています。
インスタンスプロパティ
Element は、親インターフェイスであるNode、およびその親インターフェイスであるEventTarget からプロパティを継承しています。
Element.assignedSlot読取専用このノードが挿入された
<slot>を表すHTMLSlotElementを返します。Element.attributes読取専用対応する HTML 要素に関連したすべての属性のリストである
NamedNodeMapを返します。Element.childElementCount読取専用この要素の子要素の数を返します。
Element.children読取専用この要素の子要素を返します。
Element.classList読取専用class 属性のリストが入った
DOMTokenListを返します。Element.className文字列で、この要素のクラスを表します。
Element.clientHeight読取専用この要素の内部の高さを表す数値を返します。
Element.clientLeft読取専用この要素の左境界の幅を表す数値を返します。
Element.clientTop読取専用この要素の上境界の幅を表す数値を返します。
Element.clientWidth読取専用この要素の内部の幅を表す数値を返します。
Element.currentCSSZoom読取専用要素の実効ズームサイズを示す数値。要素がレンダリングされない場合は 1.0 です。
Element.elementTimingExperimentalPerformanceElementTimingAPI において要素を監視するためのマークとなるelementtiming属性を反映した文字列です。Element.firstElementChild読取専用この要素の最初の子要素を返します。
Element.id文字列で、この要素の id を表します。
Element.innerHTML文字列で、この要素の内容のマークアップを表します。
Element.lastElementChild読取専用この要素の最後の子要素を返します。
Element.localName読取専用文字列で、この要素の修飾名のローカル部分を表します。
Element.namespaceURI読取専用この要素の名前空間の URI。名前空間がない場合は
nullになります。Element.nextElementSibling読取専用Elementで、ツリー上で自身の直後の要素を表します。兄弟ノードがなければnullになります。Element.outerHTML文字列で、その要素の内容を含むマークアップを表します。値が設定された場合、その文字列から解釈されたノードでその要素を置換します。
Element.part要素のパート識別子 (すなわち、
part属性を使用して設定されるもの) が、DOMTokenListとして返されます。Element.prefix読取専用文字列で、要素の名前空間接頭辞を表します。接頭辞が指定されていない場合は
nullです。Element.previousElementSibling読取専用Elementで、ツリー上で自身の直前の要素を表します。兄弟ノードがなければnullです。Element.scrollHeight読取専用この要素のスクロールビューの高さを表す数値を返します。
Element.scrollLeft数値型で、この要素の左スクロールオフセット値を表します。
Element.scrollLeftMax非標準読取専用この要素で可能な左スクロールオフセットの最大値を表す数値を返します。
Element.scrollTopこの要素の上端が垂直方向にスクロールされた量をピクセル数で表す数値です。
Element.scrollTopMax非標準読取専用要素で可能な上スクロールオフセットの最大値を表す数値を返します。
Element.scrollWidth読取専用要素のスクロールビュー幅を表す数値を返します。
Element.shadowRoot読取専用要素が所持しているオープンモードのシャドウルート、あるいはオープンモードのシャドウルートがない場合は null を返します。
Element.slotこの要素が挿入されているシャドウ DOM スロットの名前を返します。
Element.tagName読取専用この要素のタグ名を文字列で返します。
ARIA から導入されたインスタンスプロパティ
Element インターフェイスには、以下のプロパティもあります。
Element.ariaAtomic文字列で、
aria-atomic属性を反映し、aria-relevant属性で定義された変更通知に基づいて、支援技術が変更された領域のすべてを提示するか、一部のみを提示するかを示します。Element.ariaAutoComplete文字列で、
aria-autocomplete属性を反映し、コンボボックス、検索ボックス、テキストボックスでテキストを入力する際に、ユーザーの意図した値の 1 つ以上の予測を表示するかどうか、予測が行われた場合にはどのように表示するかを指定します。Element.ariaBrailleLabel文字列で、要素の点字ラベルを定義する
aria-braillelabel属性を反映します。Element.ariaBrailleRoleDescription文字列で、要素の ARIA 点字ロール説明を定義する
aria-brailleroledescription属性を反映します。Element.ariaBusy文字列で、
aria-busy属性を反映し、要素が修正されているかどうかを示します。支援技術では、修正が完了するまで待ってからユーザーに公開したい場合があります。Element.ariaChecked文字列で、
aria-checked属性を反映し、チェックボックス、ラジオボタン、その他のチェック状態を持つウィジェットの現在の「チェック」状態を示します。Element.ariaColCount文字列で、
aria-colcount属性を反映し、テーブル、グリッド、ツリーグリッドの列数を定義します。Element.ariaColIndex文字列で、
aria-colindex属性を反映し、テーブル、グリッド、ツリーグリッド内の列の総数に対する要素の列インデックスまたは位置を定義します。Element.ariaColIndexText文字列で、
aria-colindextext属性を反映します。これは aria-colindex の代替となる読み取り可能なテキストを定義します。Element.ariaColSpan文字列で、
aria-colspan属性を反映し、テーブル、グリッド、ツリーグリッド内のセルまたはグリッドセルがカバーする列数を定義します。Element.ariaCurrent文字列で、
aria-current属性を反映し、コンテナーまたは関連要素のセット内の現在の項目を表す要素を示します。Element.ariaDescription文字列で、
aria-description属性を反映し、現在の要素を説明または注釈する文字列値を定義します。Element.ariaDisabled文字列で、
aria-disabled属性を反映し、この要素が知覚可能であるが無効であるため、編集やその他の操作ができないことを示します。Element.ariaExpanded文字列で、
aria-expanded属性を反映し、この要素が所有または制御するグループ化要素が展開されているか畳まれているかを示します。Element.ariaHasPopup文字列で、
aria-haspopup属性を反映し、この要素によって引き起こされるメニューやダイアログのような対話型のポップアップ要素の有無と種類を示します。Element.ariaHidden文字列で、
aria-hidden属性を反映し、この要素がアクセシビリティ API に公開されているかどうかを示します。Element.ariaInvalid文字列で、
aria-invalid属性を反映し、入力された値がアプリケーションが期待する書式に適合していないことを示します。Element.ariaKeyShortcuts文字列で、
aria-keyshortcuts属性を反映し、要素を活性化したりフォーカスを与えたりするために作者が実装したキーボードショートカットを示します。Element.ariaLabel文字列で、
aria-label属性を反映し、現在の要素をラベル付けする文字列値を定義します。Element.ariaLevel文字列で、
aria-level属性を反映し、構造内の要素の階層レベルを定義します。Element.ariaLive文字列で、
aria-live属性を反映し、この要素が更新されること、ユーザーエージェント、支援技術、ユーザーがライブ領域から期待できる更新の種類を記述します。Element.ariaModal文字列で、
aria-modal属性を反映し、要素が表示されたときにモーダルであるかどうかを示します。Element.ariaMultiline文字列で、
aria-multiline属性を反映し、テキストボックスが複数行の入力を受け入れるか、一行のみを受け入れるかを示します。Element.ariaMultiSelectable文字列で、
aria-multiselectable属性を反映し、ユーザーが現在の選択可能な子孫から複数の項目を選択できることを示します。Element.ariaOrientation文字列で、
aria-orientation属性を反映し、要素の方向が水平、垂直、または不明/曖昧であることを示す。Element.ariaPlaceholder文字列で、
aria-placeholder属性を反映し、コントロールに値がない場合にユーザーのデータ入力を支援するための短いヒントを定義します。Element.ariaPosInSet文字列で、
aria-posinset属性を反映し、リストアイテムまたはツリーアイテムの現在のセットにおける要素の数または位置を定義します。Element.ariaPressed文字列で、
aria-pressed属性を反映し、トグルボタンの現在の「押された」状態を示します。Element.ariaReadOnly文字列で、
aria-readonly属性を反映し、要素が編集不可能であることを示すが、それ以外は操作可能であることを示します。Element.ariaRelevant非標準文字列で、
aria-relevant属性を反映し、ライブリージョン内のアクセシビリティツリーが変更された場合に、ユーザーエージェントがどのような通知を行うかを示します。これは、aria-liveリージョン内のどのような変更が関連性があり、アナウンスされるべきかを記述するために使用されます。Element.ariaRequired文字列で、
aria-required属性を反映し、フォームを送信する前に要素にユーザーの入力が必要であることを示します。Element.ariaRoleDescription文字列で、
aria-roledescription属性を反映し、要素の役割について、人間が読める、著者がローカライズした説明を定義します。Element.ariaRowCount文字列で、
aria-rowcount属性を反映し、テーブル、グリッド、ツリーグリッドの行の総数を定義します。Element.ariaRowIndex文字列で、
aria-rowindex属性を反映し、テーブル、グリッド、ツリーグリッド内の行の総数に対する要素の行インデックスまたは位置を定義します。Element.ariaRowIndexText文字列で、
aria-rowindextext属性を反映し、aria-rowindex の代替となる人間に読み取り可能なテキストを定義します。Element.ariaRowSpan文字列で、
aria-rowspan属性を反映し、テーブル、グリッド、ツリーグリッド内のセルまたはグリッドセルがカバーする行数を定義します。Element.ariaSelected文字列で、
aria-selected属性を反映し、選択状態を持つ要素の現在の「選択された」状態を示します。Element.ariaSetSize文字列で、
aria-setsize属性を反映し、現在のリストアイテムまたはツリーアイテムのセットのアイテム数を定義します。Element.ariaSort文字列で、
aria-sort属性を反映し、テーブルやグリッドのアイテムが昇順または降順でソートされるかどうかを示します。Element.ariaValueMax文字列で、
aria-valueMax属性を反映し、 range ウィジェットの最大許容値を定義します。Element.ariaValueMin文字列で、
aria-valueMin属性を反映し、 range ウィジェットに許容される最小値を定義します。Element.ariaValueNow文字列で、
aria-valueNow属性を反映し、 range ウィジェットの現在の値を定義します。Element.ariaValueText文字列で、
aria-valuetext属性を反映し、 range ウィジェットの aria-valuenow の代替となる人間が読めるテキストを定義します。Element.role明示的に設定された
role属性をを反映する文字列。要素の意味的役割を提供します。
ARIA 要素参照から反映されるインスタンスプロパティ
これらのプロパティは、対応する属性内のid の参照によって指定された要素を反映しますが、いくつかの注意点があります。詳細は属性の反映ガイドの要素の参照の反映を参照してください。
Element.ariaActiveDescendantElementフォーカスが
compositeウィジェット、combobox、textbox、group、applicationのいずれかにあるときの、現在のアクティブな要素を表します。aria-activedescendant属性を反映します。Element.ariaControlsElements適用される要素がそのコンテンツまたは存在をコントロールする要素の配列です。
aria-controls属性を反映します。Element.ariaDescribedByElements適用対象の要素に対するアクセシブル説明が含まれている要素の配列です。
aria-describedby属性を反映します。Element.ariaDetailsElements適用された要素に対してアクセシブルな詳細を提供する要素の配列です。
aria-details属性を反映します。Element.ariaErrorMessageElements適用された要素に対してエラーメッセージを提供する要素の配列です。
aria-errormessage属性を反映します。Element.ariaFlowToElementsコンテンツを読む順における次の要素（または要素群）を識別する要素の配列。ユーザーの裁量により、一般的な既定の読む順をオーバーライドする。
aria-flowto属性を反映します。Element.ariaLabelledByElements適用された要素のアクセシブル名を提供する要素の配列です。
aria-labelledby属性を反映します。Element.ariaOwnsElementsこの要素が適用される要素が自分自身で所有する要素の配列です。これは、 DOM 階層を用いて関係を表すことのできない場合に、親要素とその子要素の間の視覚的、機能的、文脈的な関係を定義するために使用されています。
aria-owns属性を反映します。
インスタンスメソッド
Element は親であるNode、およびその親であるEventTarget からメソッドを継承しています。
Element.after()Nodeオブジェクトまたは文字列を、このElementの親の子ノードリストの中、Elementの直後に追加します。Element.animate()この要素でアニメーションを作成および実行するためのショートカットメソッドです。作成した Animation オブジェクトのインスタンスを返します。
Element.append()この要素の最後の子の後に、一連の
Nodeオブジェクトまたは文字列を挿入します。Element.attachShadow()指定した要素にシャドウ DOM ツリーを結びつけて、その
ShadowRootへの参照を返します。Element.before()Nodeオブジェクトまたは文字列をこのElementの親の子ノードリストの中、Elementの直前に追加します。Element.checkVisibility()構成可能な検査に基づいて、要素が可視になることが期待されているかどうかを返します。
Element.closest()Element型で、引数に指定したセレクターによって選択される要素がもっとも近い祖先要素（または当該要素自身）を返します。Element.computedStyleMap()StylePropertyMapReadOnlyインターフェイスで、CSSStyleDeclarationに代わる、CSS 宣言ブロックを読み取り専用で表現したものを返します。Element.getAnimations()要素でアクティブな Animation オブジェクトの配列を返します。
Element.getAttribute()現在ノードから指定された名前付きの属性値を取得して文字列で返します。
Element.getAttributeNames()現在の要素の属性名の配列を返します。
Element.getAttributeNode()現在のノードから、指定された属性のノード表現を取得し、
Attrとして返します。Element.getAttributeNodeNS()指定された名前と名前空間を持つ属性のノード表現を現在のノードから取得し、それを
Attrとして返します。Element.getAttributeNS()現在のノードから指定された名前と名前空間を持つ属性値を取得して、文字列で返します。
Element.getBoundingClientRect()この要素のサイズと、ビューポートにおける位置を返します。
Element.getBoxQuads()Experimentalこのノードの CSS フラグメントを表す
DOMQuadオブジェクトのリストを返します。Element.getClientRects()クライアント領域内のテキストの各行の外接矩形 (bounding rectangle) の集合を返します。
Element.getElementsByClassName()生きた
HTMLCollectionで、現在の要素から、引数に指定したクラス名のリストに該当するすべての子孫要素を生きたHTMLCollectionで、返します。Element.getElementsByTagName()現在要素から、特定のタグ名を持つすべての子孫要素の集合を取得して生きた
HTMLCollectionで返します。Element.getElementsByTagNameNS()生きた
HTMLCollectionで、現在要素から、特定のタグ名と名前空間を持つすべての子孫要素の集合を取得して返します。Element.getHTML()要素の DOM コンテンツを HTML 文字列として返します。オプションで、シャドウ DOM が含まれます。
Element.hasAttribute()要素が指定された指定された属性を持っているか否かを示す論理値を返します。
Element.hasAttributeNS()要素が指定された名前空間内に指定された属性を持っているか否かを示す論理値を返します。
Element.hasAttributes()要素が現在 1 つ以上の属性をもっているかを示す論理値を返します。
Element.hasPointerCapture()呼び出された要素が、指定されたポインター ID によって識別されるポインターのポインターキャプチャを持っているかどうかを示します。
Element.insertAdjacentElement()メソッドを実行した要素に対して相対的な指定位置に、要素ノードを挿入します。
Element.insertAdjacentHTML()テキストを HTML または XML として解釈し、解釈結果のノードをツリーの指定した位置に挿入します。
Element.insertAdjacentText()メソッドを実行した要素に対して相対的な指定位置に、テキストノードを挿入します。
Element.matches()要素が指定されたセレクター文字列で選択されるか否かを示す論理値を返します。
Element.moveBefore()指定された
Nodeを、呼び出し元ノード内で直接の子として、指定された参照ノードの前に移動します。ノードは除去される前に再挿入されることはありません。Element.prepend()この要素の最初の子の前に、一連の
Nodeオブジェクトまたは文字列を挿入します。Element.querySelector()要素に対して、指定したセレクターに一致する最初の
Nodeを返します。Element.querySelectorAll()要素に対して、指定したセレクターに一致するノードの
NodeListを返します。Element.releasePointerCapture()以前に特定の
ポインターイベント向けに設定したポインターキャプチャーを解放 (停止) します。Element.remove()親要素の子リストから、要素を取り除きます。
Element.removeAttribute()現在ノードから，指定された名前を持つ属性を取り除きます。
Element.removeAttributeNode()現在のノードから名前の付いた属性のノード表現を取り除きます。
Element.removeAttributeNS()現在ノードから，指定された名前と名前空間を持つ属性を取り除きます。
Element.replaceChildren()Nodeの既存の子を指定された新しい一連の子に置き換えます。Element.replaceWith()親の子リストの要素を、一連の
Nodeオブジェクトまたは文字列で置き換えます。Element.requestFullscreen()要素を全画面表示するよう、ブラウザーへ非同期的に要求します。
Element.requestPointerLock()指定した要素でポインターをロックするよう、非同期的に要求できます。
Element.scroll()指定された要素の中で特定の座標のセットへスクロールします。
Element.scrollBy()指定された量だけ要素をスクロールします。
Element.scrollIntoView()要素がビューの内側に来るまでページをスクロールします。
Element.scrollIntoViewIfNeeded()非標準現在の要素がまだブラウザーウィンドウの可視領域内にない場合、ブラウザーウィンドウの可視領域内にスクロールさせます。標準の
Element.scrollIntoView()を代わりに使用してください。Element.scrollTo()指定された要素の中で特定の座標のセットへスクロールします。
Element.setAttribute()現在ノードに、指定された名前を持つ属性値を設定します。
Element.setAttributeNode()現在のノードから指定された属性のノード表現を設定します。
Element.setAttributeNodeNS()指定された名前と名前空間を持つ属性のノード表現を、現在のノードから設定します。
Element.setAttributeNS()現在ノードに、指定された名前と名前空間を持つ属性値を設定します。
Element.setCapture()非標準非推奨;マウスイベントキャプチャーを設定し、すべてのマウスイベントをこの要素にリダイレクトします。
Element.setHTML()安全なコンテキスト用ExperimentalHTML の文字列を解釈し、サニタイズして文書フラグメントに変換し、 DOM 内の要素の元のサブツリーを置き換えます。
Element.setHTMLUnsafe()HTML の文字列を無害化せずに構文解析して文書フラグメントに入れ、DOM 内の要素の元サブツリーを置き換えます。HTML 文字列は宣言的なシャドウルートを入れることができますが、
Element.innerHTMLを使用して HTML を設定した場合は、テンプレート要素として解釈されます。Element.setPointerCapture()指定された要素を、以降のポインターイベントのキャプチャー対象として指定します。
Element.toggleAttribute()論理属性のオンオフを切り替えます。属性が存在していれば削除、属性が存在していなければ追加します。
イベント
これらのイベントを待ち受けするには、addEventListener() を使用するか、イベントリスナーをこのインターフェイスのonイベント名 プロパティに代入するかしてください。
afterscriptexecute非標準非推奨;スクリプトが実行されたときに発行されます。
beforeinput入力要素の値が変更されようとすると発行されます。
beforematchExperimental見つかるまでの間は非表示状態にある要素で、ユーザーが「ページ内検索」機能やフラグメントナビゲーションによってコンテンツを見つけたため、ブラウザーがそのコンテンツを公開しようとしているときに発行されます。
beforescriptexecute非標準非推奨;スクリプトが実行されそうになったときに発行されます。
beforexrselectExperimentalWebXR の選択イベント (
select,selectstart,selectend) の前に発行されます。contentvisibilityautostatechangecontent-visibility: autoが設定されている要素がユーザーに関連する、コンテンツのスキップを開始または終了するときに、その要素を対象に発行されます。inputユーザー操作の結果として要素の値が変更されたときに発行されます。
securitypolicyviolationコンテンツセキュリティポリシーに違反したときに発生します。
wheelユーザーがポインティングデバイス（普通はマウス）のホイールボタンを回転させたときに発行されます。
アニメーションイベント
animationcancelアニメーションが予期せず中断したときに発行されます。
animationendアニメーションが完全に終了したときに発行されます。
animationiterationアニメーションの反復処理が完全に完了したときに発行されます。
animationstartアニメーションが始まるときに発行されます。
クリップボードイベント
変換イベント
compositionendインプットメソッドエディターのようなテキスト。変換システムで、現在の入力セッションが完了またはキャンセルされたときに発行されます。
compositionstartインプットメソッドエディターのようなテキスト。変換システムで、新しい入力セッションを始まったときに発行されます。
compositionupdateインプットメソッドエディターのようなテキスト。変換システムによって制御されている入力セッションのコンテキストに、新しい文字が入力されたときに発行されます。
フォーカスイベント
全画面イベント
fullscreenchange全画面モードへの移行時または終了時に、
Elementに送られます。fullscreenerror全画面モードへの移行または終了を試みている中でエラーが発生したときに、
Elementに送られます。
キーボードイベント
マウスイベント
auxclickポインティングデバイスの第一ボタン以外のボタン（例えば、マウスの左ボタン以外のボタン）が要素上で押されて離されたときに発行されます。
clickポインティングデバイスのボタン（例えば、マウスの第一ボタン）が単一の要素上で押されて離されたときに発行されます。
contextmenuユーザーがコンテキストメニューを開こうとしたときに発行されます。
dblclickポインティングデバイスのボタン（例えば、マウスの第一ボタン）が単一の要素上で 2 回クリックされたときに発行されます。
DOMActivate非推奨;要素が、例えばマウスのクリックやキーの押下によってアクティブになったときに発行されます。
DOMMouseScroll非推奨;非標準マウスホイールなどを操作し、前回のイベントから累積スクロール量が 1 行または 1 ページ以上経過した場合に発生します。
mousedownポインティングデバイスのボタンが要素上で押されたときに発行されます。
mouseenterポインティングデバイス（ふつうはマウス）が、リスナーが割り当てられた要素の上へ移動したときに発行されます。
mouseleaveポインティングデバイス（ふつうはマウス）が、リスナーが割り当てられた要素の外へ移動したときに発行されます。
mousemoveポインティングデバイス（ふつうはマウス）が、要素の上を移動したときに発行されます。
mouseoutポインティングデバイス（ふつうはマウス）が、リスナーが割り当てられた要素またはその子要素の外へ移動したときに発行されます。
mouseoverポインティングデバイス（ふつうはマウス）が、リスナーが割り当てられた要素またはその子要素の上を移動したときに発行されます。
mouseupポインティングデバイスのボタンが要素の上で離されたときに発行されます。
mousewheel非推奨;非標準マウスのホイールなどを操作すると発行されます。
MozMousePixelScroll非推奨;非標準マウスのホイールなどを操作すると発行されます。
webkitmouseforcechanged非標準トラックパッドのタッチ画面の上の圧力が変化するたびに発行されます。
webkitmouseforcedown非標準「強制クリック」と判断されるのに十分な圧力があった直後の mousedown イベントの後で発行されます。
webkitmouseforcewillbegin非標準mousedownイベントの前に発行されます。webkitmouseforceup非標準「強制クリック」が終了したといえるほど圧力が減少した直後の
webkitmouseforcedownイベントの後で発行されます。
ポインターイベント
gotpointercapture要素が
setPointerCapture()を使用してポインターをキャプチャしたときに発行されます。lostpointercaptureポインターキャプチャが解放されたときに発行されます。
pointercancelポインターイベントがキャンセルされたときに発行されます。
pointerdownポインターがアクティブになったときに発行されます。
pointerenterポインターが要素またはその子孫のヒットテスト境界内に移動されたときに発行されます。
pointerleaveポインターが要素のヒットテスト境界から移動されたときに発行されます。
pointermoveポインターの座標が変更されたときに発行されます。
pointeroutポインターが（何らかの理由で）要素のヒットテスト境界の外に移動されたときに発行されます。
pointeroverポインターが要素のヒットテスト境界内に移動されたときに発行されます。
pointerrawupdateポインターが
pointerdownまたはpointerupイベントを発行しないプロパティを変更したときに発行されます。pointerupポインターがアクティブでなくなったときに発行されます。
スクロールイベント
scroll文書ビューまたは要素がスクロールされたときに発行されます。
scrollend文書ビューのスクロールが完全に終了したときに発行されます。
scrollsnapchangeExperimental新しいスクロールスナップターゲットが選択された場合に、スクロール操作の終わりにスクロールコンテナーで発行されます。
scrollsnapchangingExperimental新しいスクロールスナップターゲットが待機中になったとブラウザーが判断した場合、すなわち、現在のスクロール操作が終わったときに選択されるであろう場合、スクロールコンテナーで発行されます。
タッチイベント
gesturechange非標準タッチジェスチャー中に指が移動されたときに発行されます。
gestureend非標準タッチ面に複数の指が接触しなくなり、ジェスチャーが終わると発行されます。
gesturestart非標準複数の指がタッチ面に連絡し、新しいジェスチャーを始める時に発行されます。
touchcancel1 つ以上のタッチ点が実装依存の理由により破棄された（例えば、タッチ点が多く作られすぎた）場合に発行されます。
touchend1 つ以上のタッチ点がタッチ面から取り除かれたときに発行されます。
touchmove1 つ以上のタッチ点がタッチ面上で移動したときに発行されます。
touchstart1 つ以上のタッチ点がタッチ面に配置されたときに発行されます。
トランジションイベント
transitioncancelEventで、CSS トランジションがキャンセルされたときに発行されます。transitionendEventで、CSS トランジションの再生が終了したときに発行されます。transitionrunEventで、CSS トランジションが作成されたとき（すなわち、実行する一連のトランジションが追加されたとき）に発行されます。開始されているとは限りません。transitionstartEventで、CSS トランジションのトランジションが開始したときに発行されます。