質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

3回答

3137閲覧

javascript(jQuery)関数をキーボードで制御したいが、MacとWindowsで動作に違いがでる

kphex

総合スコア42

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2017/05/25 09:33

###前提・実現したいこと
3つのパターンをキーボードで制御したいと考えております。
0. enter

  1. control + enter
  2. control + option + enter

###発生している問題・エラーメッセージ
現状 MacbookAirでは問題なく制御出来ているのですが、Windows機ですと1のパターンしか動作しないという状況です。

###該当のソースコード

function startFunc() { $("body").keypress( function( event ) { if( event.ctrlKey === false && event.which === 13 ){ console.log('start'); } }); } function endFunc() { $("body").keypress( function( event ) { if( event.ctrlKey === true && event.altKey === false && event.which === 13 ){ console.log('end'); } }); } function saveFunc() { $("body").keypress( function( event ) { if( event.ctrlKey === true && event.altKey === true && event.which === 13 ){ console.log('save'); } }); }

###補足情報(言語/FW/ツール等のバージョンなど)
試したマシン
macOS Sierra 10.12.4 (macbook air mid-2012)
windows 7 (lenovo T410-S)

ブラウザ
Google Chrome 58.0.3029.110 (64-bit)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

ベストアンサー

event.which が使えないのかと思います。

【KeyboardEvent - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent

KeyboardEvent.which 読取専用

押されたキーの(修飾されていない)値を指し示す、システムと実装に依存した数値コードを Number で返します(通常は keyCode と同じ動作です)。 **注意**: このプロパティは廃止されたため、可能であれば KeyboardEvent.key を代わりに使用すべきです。

【Key Values - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/key/Key_Values

投稿2017/05/25 11:01

kei344

総合スコア69366

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kphex

2017/05/26 01:47

有難うございます。やはりevent.key === 'Enter' としても結果は同じでした。。。。
kei344

2017/05/26 03:30

console.log( event ); で何が入っているか確認してみては?
kphex

2017/05/26 05:28 編集

有難うございます。 こちら試して見たところ、なぜかwindowsですとControlを押しながらのエンターはkeycodeが10になっておりkeyが''↩︎"となっておりました。(Altの場合も同様でした) ですので今回はおとなしくControl, Altは使用せずにShiftで代用致しました。
kphex

2017/05/26 05:37

そうでしたね、こちら見落としておりました。最後まで有難うございます。
guest

0

keydown にしてはどうでしょうか?

KeyboardEvent
https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent

投稿2017/05/26 03:29

x_x

総合スコア13749

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

event.which === 13
でなく
event.keyCode === 13
だとどうですか?

投稿2017/05/25 09:46

編集2017/05/25 09:51
h_daido

総合スコア824

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kphex

2017/05/26 01:48

こちらも同様の結果で、Enter自体はWindows機器でも問題ないのですが、Control, Altの制御まではできていない様です。
h_daido

2017/05/26 02:51

何かしらの環境やライブラリ依存かもしれないですね...。 $("body").keypress( function( event ) { console.log(event) }); として、eventの中身を見てみてはいかがでしょう? keyCodeやwhich, ctrlKey, altKeyにどんな値が入っているのかデバッグしてみたほうが早いかもしれません
kphex

2017/05/26 05:30

上記に記載させて頂きましたが、windowsですとControlを押しながらのエンターはkeycodeが10になっておりkeyが''↩︎"となっておりましたので、今回はShfitkeyでの代用とさせて頂きました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問