盗墓笔记txt全集下载_[Ext JS]textfield添加compositionstart、compositionupdate 和compositionend

Ext JS開(kāi)發(fā)大全

CmsWing

[Ext JS]textfield添加compositionstart、compositionupdate 和compositionend _os

[Ext JS]textfield 添加 compositionstart、compositionupdate 和 compositionend
oscar999于?2022-09-14 23:05:44?發(fā)布191收藏
分類(lèi)專(zhuān)欄：Ext JS開(kāi)發(fā)大全文章標簽：Ext JSTextField類(lèi)重寫(xiě)composition輸入法事件
版權
中秋節前夕有朋友通過(guò)信息研討在Ext JS 中如何給現有類(lèi)添加事件， 之前大致給了我的一些思路。 假期后， 看到了發(fā)來(lái)的大致需求是給textfield 添加 compositionstart、compositionupdate 和 compositionend。雖然還不是很清楚具體的需求細節， 這里還是先把大致的實(shí)現方式和代碼先列出來(lái)。
composition 相關(guān)事件
compositionstart ，compositionupdate 和 compositionend 是和輸入法相關(guān)的事件。
以compositionstart 為例，比較官方的解釋是：
文本合成系統（比如輸入法編輯器）開(kāi)始新的輸入合成時(shí)會(huì )觸發(fā)**compositionstart**事件。輸入法有很多種， 有文本輸入、也可以是語(yǔ)音輸入。 這里以最簡(jiǎn)單的中文輸入法為例：
切換中文輸入法打拼音時(shí)， 首先觸發(fā)compositionstart
沒(méi)打一個(gè)拼音字母，觸發(fā) compositionupdate
最后將中文填入輸入框觸發(fā) compositionend
關(guān)于這三個(gè)事件的詳細介紹， 可以參考：
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/compositionstart_event
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/compositionupdate_event
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/compositionend_event
主題- 如何重寫(xiě)textfield 添加 composition 事件
廢話(huà)不多說(shuō)， 直接上代碼：
Ext.define('Ext.overrides.form.field.Text', {			
override: 'Ext.form.field.Text',
initEvents: function () {
var me = this,
el = me.inputEl;
me.callParent();
me.mon(el, 'compositionstart', me.onCompositionStart, me);
me.mon(el, 'compositionupdate', me.onCompositionUpdate, me);
me.mon(el, 'compositionend', me.onCompositionEnd, me);
},
onCompositionStart: function () {
console.log('compositionstart');
},
onCompositionUpdate: function () {
console.log('compositionupdate');
},
onCompositionEnd: function () {
console.log('compositionend');
}
});
Ext.overrides 是Ext JS覆寫(xiě)類(lèi)的方式
initEvents 是 Ext.form.field.Text 的方法， 在 me.callParent(); 之后加入新的事情， 每個(gè)事件添加對應的事件處理方法
上面的效果可以在Chrome 中進(jìn)行測試， 打開(kāi)控制臺， 切換中文輸入法輸入查看控制臺的輸入日志， 如下圖：
![](/upload/picture/2022-09-27/upload_0487cddde94431cc066d836444980665.png)

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

購物車(chē)

0 ITEMS ON YOUR CART

Ext JS開(kāi)發(fā)大全

[Ext JS]textfield添加compositionstart、compositionupdate 和compositionend _os

網(wǎng)站導航

98国产在线视频福利_欧亚v视频日韩一区二区_国产在线精彩视频_亚洲伊人久久综合影院_亚洲欧美高清激情精品一区_少妇熟女天堂网av_午夜福利日本专区_中美女子成人毛片_大荫蒂毛茸茸视频国产_小14萝裸体自慰洗澡大尺度

Ext JS開(kāi)發(fā)大全

[Ext JS]textfield添加compositionstart、compositionupdate 和compositionend _os

網(wǎng)站導航

[Ext JS]textfield添加compositionstart、compositionupdate 和compositionend _os