CompositionEvent - Web API 接口参考 编辑

DOM 接口 CompositionEvent 表示用户间接输入文本（如使用输入法）时发生的事件。此接口的常用事件有compositionstart, compositionupdate 和 compositionend

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/wiki/zh-CN/docs/Web/API/Event" target="_top"><rect x="1" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="38.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Event</text></a><polyline points="76,25  86,20  86,30  76,25" stroke="#D4DDE4" fill="none"/><line x1="86" y1="25" x2="116" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/wiki/zh-CN/docs/Web/API/UIEvent" target="_top"><rect x="116" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="153.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">UIEvent</text></a><polyline points="191,25  201,20  201,30  191,25" stroke="#D4DDE4" fill="none"/><line x1="201" y1="25" x2="231" y2="25" stroke="#D4DDE4"/><a xlink:href="/wiki/zh-CN/docs/Web/API/CompositionEvent" target="_top"><rect x="231" y="1" width="160" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="311" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">CompositionEvent</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

构造函数

CompositionEvent()

创建一个新的 CompositionEvent 对象实例。

属性

这个接口也从UIEvent 和 Event 继承属性。

CompositionEvent.data 只读

返回触发事件的输入方法所产生的字符；取决于生成 CompositionEvent 对象的事件类型，结果会有所不同。

CompositionEvent.locale 只读

返回当前输入方法的场景（例如，使用输入法编辑器进行输入合成时，场景就是键盘布局）。

方法

这个接口也从 UIEvent 和 Event 继承方法。

CompositionEvent.initCompositionEvent()

初始化 CompositionEvent 对象的所有属性。

规范

规范	状态	注释
UI Events CompositionEvent	Working Draft
Document Object Model (DOM) Level 3 Events Specification CompositionEvent	Obsolete

浏览器兼容性

BCD tables only load in the browser

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

参见

• compositionstart
• compositionend
• compositionupdate
• UIEvent
• Event