###前提・実現したいこと
環境:Mac OS X El Capitan
ブラウザ:
- Google Chrome 54.0.2840.98 (64-bit)
- Safari 10.0.2
自作のWebアプリ(家計簿アプリ)に電卓機能を組み込みたいと考えて、HTMLファイルにテキストボックスとボタンを配置して簡単な電卓画面を作成しました。
期待する動作は、テキストボックスに数字を入力し、'+'や'-'ボタンをクリックするか、キーボードで'+'や'-'をタイプすると足し算引き算が実行されるというものです。この機能を実現させるため、JavaScriptで以下のコードを書きました。
(実際にはcoffeescriptで書いてJSにコンパイルしています)
hogehoge.js
1 $(document).on('keydown', '#InputNumber', function(e) { 2 switch (e.key) { 3 case '+': 4 #足し算の処理; 5 break; 6 case '-': 7 #引き算の処理; 8 break;
###発生している問題・エラーメッセージ
chromeではキーボードで'+'や'-'をタイプすると足し算引き算の処理が行われるのですが、safariではテキストボックスに'+'や'-'が入力されるだけで、足し算引き算の処理が実行されません。(デバッグのためにwindow.alert
を記述してもアラート画面が表示されません)
safariでもkeydownイベントを発火させる方法を教えていただければと思います。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/22 15:54