React の onKeyDown / onKeyPress / onKeyUp / onChange の挙動が、クロスブラウザでどのように変わるのかを調査しました。 調査方法・内容 それらのイベントに event.key / event.keyCode / event.target.value の値を記録するハンドラを設定し、ひとつの <input type="text"/> に全イベントを付与する。 下記の「キーボードの操作」をクロスOS/ブラウザ環境で行って、その履歴を保存する。 具体的には、CodePen に書いた簡単な自作ツール で行いました。 環境について 使用したハードウェアは、日本語キーボードの Mac Book Pro です。 Win 仮想環境は VirtualBox で構築しており、また(参考記事が見つかりませんが) Mac のキーボードと連動する設定をした上で行ってい