---
title: UIEvent
slug: Web/API/UIEvent
tags:
  - API
  - DOM
  - Event
  - Interface
  - Reference
  - UIEvent
translation_of: Web/API/UIEvent
---
<div>{{APIRef("DOM Events")}}</div>

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

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

<p>{{domxref("MouseEvent")}}、{{domxref("TouchEvent")}}、{{domxref("FocusEvent")}}、{{domxref("KeyboardEvent")}}、{{domxref("WheelEvent")}}、{{domxref("InputEvent")}}、{{domxref("CompositionEvent")}} といったインターフェイスが、このインターフェイスの直接または間接の子孫です。</p>

<p>{{InheritanceDiagram}}</p>

<h2 id="Constructors" name="Constructors">コンストラクター</h2>

<dl>
 <dt>{{domxref("UIEvent.UIEvent()", "UIEvent()")}}</dt>
 <dd><code>UIEvent</code> オブジェクトを作成します。</dd>
</dl>

<h2 id="Properties" name="Properties">プロパティ</h2>

<p><em>このインターフェイスは、親である {{domxref("Event")}} からプロパティを継承します。</em></p>

<dl>
 <dt>{{domxref("UIEvent.cancelBubble")}} {{Non-standard_inline}} {{Deprecated_inline}}</dt>
 <dd>イベントのバブリングをキャンセルできるかを示す {{jsxref("Boolean")}}。</dd>
</dl>

<dl>
 <dt>{{domxref("UIEvent.detail")}}{{readonlyinline}}</dt>
 <dd>イベントのタイプに応じて、イベントの詳細を <code>long</code> で返します。</dd>
 <dt>{{domxref("UIEvent.isChar")}} {{obsolete_inline}} {{readonlyinline}}</dt>
 <dd>イベントがキーキャラクターを生成したかを示す {{jsxref("Boolean")}} を返します。</dd>
 <dt>{{domxref("UIEvent.layerX")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
 <dd>現在のレイヤーにおける、イベントの水平座標を返します。</dd>
 <dt>{{domxref("UIEvent.layerY")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
 <dd>現在のレイヤーにおける、イベントの垂直座標を返します。</dd>
 <dt>{{domxref("UIEvent.pageX")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
 <dd>ドキュメント全体における、イベントの水平座標を返します。</dd>
 <dt>{{domxref("UIEvent.pageY")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
 <dd>ドキュメント全体における、イベントの垂直座標を返します。</dd>
 <dt>{{domxref("UIEvent.sourceCapabilities")}} {{non-standard_inline}} {{readonlyinline}}</dt>
 <dd>タッチイベントの生成元である物理デバイスに関する情報を提供する、InputDeviceCapabilities インターフェイスのインスタンスを返します。</dd>
 <dt>{{domxref("UIEvent.view")}}{{readonlyinline}}</dt>
 <dd>イベントを生成したビューを含む {{domxref("WindowProxy")}} を返します。</dd>
 <dt>{{domxref("UIEvent.which")}} {{Non-standard_inline}} {{readonlyinline}}</dt>
 <dd>押下されたキーの <code>keyCode</code> の数値、または押下された英数字キーのキャラクターコード (<code>charCode</code>) を返します。</dd>
</dl>

<h2 id="Methods" name="Methods">メソッド</h2>

<p><em>このインターフェイスは、親である {{domxref("Event")}} からメソッドを継承します。</em></p>

<dl>
 <dt>{{domxref("UIEvent.initUIEvent()")}} {{deprecated_inline}}</dt>
 <dd><code>UIEvent</code> オブジェクトを初期化します。イベントがすでにディスパッチされている場合は、何も行いません。</dd>
</dl>

<h2 id="Specifications" name="Specifications">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">策定状況</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('InputDeviceCapabilities')}}</td>
   <td>{{Spec2('InputDeviceCapabilities')}}</td>
   <td><code>sourceCapabilities</code> プロパティを追加。</td>
  </tr>
  <tr>
   <td>{{SpecName('UI Events')}}</td>
   <td>{{Spec2('UI Events')}}</td>
   <td>DOM3を拡張</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM3 Events', '#interface-UIEvent', 'UIEvent')}}</td>
   <td>{{Spec2('DOM3 Events')}}</td>
   <td><code>UIEvent()</code> コンストラクターを追加。<code>initUIEvent()</code> メソッドを非推奨化。<code>view</code> の型を <code>AbstractView</code> から <code>WindowProxy</code> に変更。</td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Events', '#Events-UIEvent', 'UIEvent')}}</td>
   <td>{{Spec2('DOM2 Events')}}</td>
   <td>最初の定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>

<div>{{Compat("api.UIEvent")}}</div>

<h2 id="See_also" name="See_also">関連情報</h2>

<ul>
 <li><a href="/ja/docs/Learn/JavaScript/Building_blocks/Events">Introduction to events</a></li>
 <li>{{domxref("Event")}}</li>
</ul>