IME 事件記錄器 / Native IME event logger

返回文章 · English article

所有輸入只在此頁記憶體中記錄,重新整理即清除。這個工具記錄原生事件,沒有載入 React;不能用來證明 React 合成事件的順序。
Input stays in this page’s memory and is cleared on reload. This logs native events, not React synthetic events. Use your actual input method; programmatically filling text does not reproduce IME composition.

用你自己的注音/倉頡/拼音在下面打幾個字,看瀏覽器實際送出什麼事件、順序為何。

建議的實測流程:① 清空紀錄 → ② 切到注音,打「你好」(含選字)→ ③ 看下表。 重點觀察三件事:
1. 組字過程中 input(原生事件)有沒有被觸發、值是什麼
2. compositionend 和最後一個 input 誰先誰後
3. 組字中的 keydown 是不是回報 keyCode 229
#事件event.datatarget.valueisComposingkeyCode+ms