chromeでの日本語入力確定の検知

Question

実現したいこと

htmlでdiv要素にcontenteditable属性を付加してユーザが文字を入力できるようにしています。
日本語入力で変換確定した際に検知したいです。

発生している問題・分からないこと

以前は下記のようにkeydownイベントを設定して日本語入力が確定されたか検知できていたのですが
Chromeを上記バージョンにアップデートしてからkeydownイベントが発生しない現象が起きるようになりました。
chromeの開発者ツールを起動した場合はkeydownイベントが発生するのですが
開発者ツールを起動してない場合に現象が起きやすくなります。
毎回起きるわけではなく、日本語入力してENTERキーで変換確定の操作を繰り返していると現象が起きます。

エラーメッセージ

エラーは表示されていません。

該当のソースコード

function onKeyDownIFrame(event){
 if(keyCode == 229 && event.code && (event.code.toLowerCase() == "enter")){
   console.log("日本語入力確定(エンターキーが押下された）");
}
}

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

同様の質問が見つかりませんでした

補足

ブラウザ：Chrome
バージョン：125.0.6422.61
バージョンアップ前のバージョン：98.0.4758.82

Answer 1

自己解決しました。
ComopisitonStart,Endイベントで日本語入力を確定したかどうか検知できるので
keydownイベントの代わりにこちらのイベントを使用するようにしました。

element.addEventListener("compositionstart", onCompositionStart);
element.addEventListener("compositionend", onCompositionEnd);