質問: ### 前提・実現したいこと 環境:Mac OS X El Capitan ブラウザ: * Google Chrome 54.0.2840.98 (64-bit) * Safari 10.0.2 自作のWebアプリ(家計簿アプリ)に電卓機能を組み込みたいと考えて、HTMLファイルにテキストボックスとボタンを配置して簡単な電卓画面を作成しました。 期待する動作は、テキストボックスに数字を入力し、'+'や'-'ボタンをクリックするか、キーボードで'+'や'-'をタイプすると足し算引き算が実行されるというものです。この機能を実現させるため、JavaScriptで以下のコードを書きました。 (実際にはcoffeescriptで書いてJSにコンパイルしています) ``` $(document).on('keydown', '#InputNumber', function(e) { switch (e.key) { case '+': #足し算の処理; break; case '-': #引き算の処理; break; ``` ### 発生している問題・エラーメッセージ chromeではキーボードで'+'や'-'をタイプすると足し算引き算の処理が行われるのですが、safariではテキストボックスに'+'や'-'が入力されるだけで、足し算引き算の処理が実行されません。(デバッグのために`window.alert`を記述してもアラート画面が表示されません) safariでもkeydownイベントを発火させる方法を教えていただければと思います。
回答: Safari は `event.key` 未対応のようなので `event.keyCode` で書き直してみて下さい。 https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/key Re: s-show さん