UIEvent

UIEvent インターフェイスは、シンプルなユーザーインターフェイスのイベントを表します。

UIEventEvent から派生しています。後方互換性のために UIEvent.initUIEvent() メソッドは維持されていますが、UIEvent オブジェクトは UIEvent() コンストラクターを使用して作成するべきです。

MouseEventTouchEventFocusEventKeyboardEventWheelEventInputEventCompositionEvent といったインターフェイスが、このインターフェイスの直接または間接の子孫です。

コンストラクター

UIEvent()
UIEvent オブジェクトを作成します。

プロパティ

このインターフェイスは、親である Event からプロパティを継承します。

UIEvent.cancelBubble  
イベントのバブリングをキャンセルできるかを示す Boolean
UIEvent.detail読取専用
イベントのタイプに応じて、イベントの詳細を long で返します。
UIEvent.isChar 読取専用
イベントがキーキャラクターを生成したかを示す Boolean を返します。
UIEvent.layerX 読取専用
現在のレイヤーにおける、イベントの水平座標を返します。
UIEvent.layerY 読取専用
現在のレイヤーにおける、イベントの垂直座標を返します。
UIEvent.pageX 読取専用
ドキュメント全体における、イベントの水平座標を返します。
UIEvent.pageY 読取専用
ドキュメント全体における、イベントの垂直座標を返します。
UIEvent.sourceCapabilities  読取専用
タッチイベントの生成元である物理デバイスに関する情報を提供する、InputDeviceCapabilities インターフェイスのインスタンスを返します。
UIEvent.view読取専用
イベントを生成したビューを含む WindowProxy を返します。
UIEvent.which 読取専用
押下されたキーの keyCode の数値、または押下された英数字キーのキャラクターコード (charCode) を返します。

メソッド

このインターフェイスは、親である Event からメソッドを継承します。

UIEvent.initUIEvent()
UIEvent オブジェクトを初期化します。イベントがすでにディスパッチされている場合は、何も行いません。

仕様

仕様書 策定状況 コメント
InputDeviceCapabilities ドラフト sourceCapabilities プロパティを追加。
UI Events 草案 DOM3を拡張
Document Object Model (DOM) Level 3 Events Specification
UIEvent の定義
廃止された UIEvent() コンストラクターを追加。initUIEvent() メソッドを非推奨化。view の型を AbstractView から WindowProxy に変更。
Document Object Model (DOM) Level 2 Events Specification
UIEvent の定義
廃止された 最初の定義

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
UIEventChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
UIEvent() constructorChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 11IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 14Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android ?
cancelBubble
非推奨非標準
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
detailChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
initUIEvent
非推奨非標準
Chrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS ? Samsung Internet Android ?
isChar
非推奨非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 未対応 ? — 55
補足
未対応 ? — 55
補足
補足 The isChar property has never been supported by any browser but Firefox, and even on Firefox it's never worked except on Mac OSX. For that reason, it's been removed in Firefox 55 to align with other browsers.
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 未対応 ? — 55
補足
未対応 ? — 55
補足
補足 The isChar property has never been supported by any browser but Firefox, and even on Firefox it's never worked except on Mac OSX. For that reason, it's been removed in Firefox 55 to align with other browsers.
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
layerX
非標準
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
layerY
非標準
Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 ありIE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?
pageX
非推奨非標準
Chrome 未対応 ? — 44
補足
未対応 ? — 44
補足
補足 Replaced by MouseEvent.pageX in version 45.
Edge ? Firefox ? IE 完全対応 9Opera ? Safari ? WebView Android 未対応 ? — 44
補足
未対応 ? — 44
補足
補足 Replaced by MouseEvent.pageX in version 45.
Chrome Android 未対応 ? — 44
補足
未対応 ? — 44
補足
補足 Replaced by MouseEvent.pageX in version 45.
Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
pageY
非推奨非標準
Chrome 未対応 ? — 44
補足
未対応 ? — 44
補足
補足 Replaced by MouseEvent.pageY in version 45.
Edge ? Firefox ? IE 完全対応 9Opera ? Safari ? WebView Android 未対応 ? — 44
補足
未対応 ? — 44
補足
補足 Replaced by MouseEvent.pageY in version 45.
Chrome Android 未対応 ? — 44
補足
未対応 ? — 44
補足
補足 Replaced by MouseEvent.pageY in version 45.
Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
sourceCapabilities
実験的
Chrome 完全対応 47Edge ? Firefox ? IE ? Opera 完全対応 ありSafari ? WebView Android 完全対応 47Chrome Android 完全対応 47Firefox Android ? Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 あり
viewChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 ありIE 完全対応 9Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
whichChrome 完全対応 ありEdge ? Firefox 完全対応 ありIE ? Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 ありOpera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。

関連情報