---
title: InputEvent
slug: Web/API/InputEvent
translation_of: Web/API/InputEvent
---
<p>{{APIRef("DOM Events")}}</p>
<div>{{SeeCompatTable}}&lt;</div>
<p><strong><code>InputEvent</code></strong> 接口用来构造和字符输入相关的事件对象。</p>

<h2 id="构造函数">构造函数</h2>

<dl>
 <dt>{{domxref("InputEvent.InputEvent", "InputEvent()")}}</dt>
 <dd>创建一个 <code>InputEvent</code> 对象。</dd>
</dl>

<h2 id="属性">属性</h2>

<p>除继承自 {{domxref("UIEvent")}} 和 {{domxref("Event")}} 接口的属性外，还有以下属性：</p>

<dl>
 <dt>{{domxref("InputEvent.data")}} {{readOnlyInline}}</dt>
 <dd>返回当前输入的字符串，如果是删除操作，则该值为空字符串。</dd>
 <dt>{{domxref("InputEvent.isComposing")}}{{readOnlyInline}}</dt>
 <dd>返回一个布尔值，表明该事件是在触发 {{event("compositionstart")}} 事件之后且触发 {{event("compositionend")}} 事件之前触发的，也就是表明当前输入的字符是输入法的中途输入。</dd>
</dl>

<h2 id="方法">方法</h2>

<p>除继承自 {{domxref("UIEvent")}} 和 {{domxref("Event")}} 接口的方法外，没有其它自身方法。</p>

<h2 id="Specifications" name="Specifications">规范</h2>

<table class="standard-table" style="height: 49px; width: 1000px;">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('DOM3 Events','#interface-InputEvent','InputEvent')}}</td>
   <td>{{Spec2('DOM3 Events')}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容性">浏览器兼容性</h2>

<p>{{Compat("api.InputEvent")}}</p>


<h2 id="相关链接">相关链接</h2>

<ul>
 <li>{{ event("beforeinput") }}</li>
 <li>{{ event("input") }}</li>
</ul>