blob: 4a023fc0e57e3fe732226b47f62231161d9a6690 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
|
---
title: compositionend
slug: Web/Events/compositionend
tags:
- 事件
translation_of: Web/API/Element/compositionend_event
---
<p>当文本段落的组成完成或取消时, compositionend 事件将被触发 (具有特殊字符的触发, 需要一系列键和其他输入, 如语音识别或移动中的字词建议)。</p>
<table class="properties">
<tbody>
<tr>
<td>Bubbles</td>
<td>Yes</td>
</tr>
<tr>
<td>Cancelable</td>
<td>Yes</td>
</tr>
<tr>
<td>Target objects</td>
<td>{{domxref("Element")}}</td>
</tr>
<tr>
<td>Interface</td>
<td>{{domxref("TouchEvent")}}</td>
</tr>
</tbody>
</table>
<h2 id="Properties">Properties</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Property</th>
<th scope="col">Type</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>target</code> {{ReadOnlyInline}}</td>
<td>{{domxref("EventTarget")}}</td>
<td>聚焦元素处理成分</td>
</tr>
<tr>
<td><code>type</code> {{ReadOnlyInline}}</td>
<td>{{domxref("DOMString")}}</td>
<td>事件类型</td>
</tr>
<tr>
<td><code>bubbles</code> {{ReadOnlyInline}}</td>
<td><code>boolean</code></td>
<td>事件是否冒泡</td>
</tr>
<tr>
<td><code>cancelable</code> {{ReadOnlyInline}}</td>
<td><code>boolean</code></td>
<td>是否可以取消该事件</td>
</tr>
<tr>
<td><code>view</code> {{ReadOnlyInline}}</td>
<td>{{domxref("WindowProxy")}}</td>
<td>{{domxref("Document.defaultView")}} (<code>window</code> of the document)</td>
</tr>
<tr>
<td><code>detail</code> {{ReadOnlyInline}}</td>
<td><code>long</code> (<code>float</code>)</td>
<td>0.</td>
</tr>
<tr>
<td><code>data </code>{{ReadOnlyInline}}</td>
<td>{{domxref("DOMString")}} (string)</td>
<td>正在编辑的原始字符串, 否则为空字符串。只读。</td>
</tr>
<tr>
<td><code>locale</code></td>
<td>{{domxref("DOMString")}} (string)</td>
<td>组合事件的语言代码 (如果可用);否则, 为空字符串。只读。</td>
</tr>
</tbody>
</table>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Edge</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("9.0")}}<sup>[1]</sup></td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatNo}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Android</th>
<th>Edge</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoMobile("9.0")}}<sup>[1]</sup></td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<p>[1] 该事件是在9.0 之前的Gecko版本中已经可以使用, 但没有 DOM 级3属性和方法。Gecko还不支持给受信任事件的locale属性设置值。但是, 当创建不受信任的事件时，此值可以通过<code>initCompositionEvent()</code> 设置。</p>
<h2 id="Related_events">Related events</h2>
<ul>
<li>{{Event("compositionstart")}}</li>
<li>{{Event("compositionupdate")}}</li>
</ul>
|
