EditContext

概要

EditContext API は contenteditable を使わずにカスタムテキストエディタで IME やテキスト入力を処理するための API です。

対応ブラウザ

基本構文

const editCtx = new EditContext();
const el = document.getElementById('editor');
el.editContext = editCtx;
editCtx.addEventListener('textupdate', (e) => {
  console.log('入力テキスト:', e.text);
});

実務での使いどころ

• EditContext の活用

  EditContext API。カスタムテキストエディタにIME入力を統合するAPI。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — EditContext