[問題] react關於中文拼音onComposition事件

作者: heavenbetula (綠草)   2022-06-23 17:06:14
各位大大好
直接附上demo網址
https://stackblitz.com/edit/react-ygavhk?file=src%2FApp.js
我有個需求是需要再輸入欄位時,避開中文拼音的部分
也就是例如輸入“我”,不希望會經歷注音拼音的部分
因此想說用onComponsition事件來處理
上面範例網址中,不明白為什麼欄位改變時,始終觸發不到compositionend
請問是為什麼呢?
作者: duck10704 (duck)   2022-06-23 18:40:00
不確定是不是 Chrome 問題 你要在 compositionend 觸發當下直接去 call handleChange(e); 然後再把handleChange 中的 if 判斷式拿掉應該就可以了https://imgur.com/Snu8W47https://github.com/facebook/react/issues/3926
作者: art1 (人,原來不是人)   2022-07-03 19:51:00
我用 win10,firefox 測的結果是變成無法用輸入法輸入中文了每次輸入一個注音,console 的總數就 +3 的樣子
作者: VdustR (京)   2022-07-03 20:29:00
字型酷喔
作者: EPGo   2022-07-16 00:21:00
input uncontrolled 會比較好做https://react-fzfz1g.stackblitz.io <-不是最好做法但能動

Links booklink

Contact Us: admin [ a t ] ucptt.com