teratail
回答率
85.30%
質問するログイン新規登録
トップJavaScriptに関する質問JavaScriptで、２つの文字キーが同時に押されているかどうかを取得したいのですが...

編集履歴

回答編集履歴

11

テキスト修正

2018/02/04 03:33

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -22,4 +22,4 @@
22
22
  　
23
23
  - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/7/](https://jsfiddle.net/jun68ykt/0kz8zb6L/7/)
24
24
  　
25
- - さらにリファクタして、`change`自体をイベントハンドラにして、`keydown`と`keyup`に対して同じ関数オブジェクトを使い回します ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/10/](https://jsfiddle.net/jun68ykt/0kz8zb6L/10/)
25
+ - さらにリファクタして、`change`(に `this`をバインドした関数）をイベントハンドラにして、`keydown`と`keyup`に対して同じ関数オブジェクトを使い回します ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/10/](https://jsfiddle.net/jun68ykt/0kz8zb6L/10/)

10

テキスト修正

2018/02/04 03:33

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -22,4 +22,4 @@
22
22
  　
23
23
  - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/7/](https://jsfiddle.net/jun68ykt/0kz8zb6L/7/)
24
24
  　
25
- - さらにリファクタして、`change` にイベントハンドラを返させるのではなく、 `change`自体をイベントハンドラにしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/9/](https://jsfiddle.net/jun68ykt/0kz8zb6L/9/)
25
+ - さらにリファクタして、`change`自体をイベントハンドラにして、`keydown`と`keyup`に対して同じ関数オブジェクトを使い回します ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/10/](https://jsfiddle.net/jun68ykt/0kz8zb6L/10/)

9

テキスト修正

2018/02/04 02:24

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -20,4 +20,6 @@
20
20
 
21
21
  - リファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)
22
22
  　
23
- - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/7/](https://jsfiddle.net/jun68ykt/0kz8zb6L/7/)
23
+ - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/7/](https://jsfiddle.net/jun68ykt/0kz8zb6L/7/)
24
+ 　
25
+ - さらにリファクタして、`change` にイベントハンドラを返させるのではなく、 `change`自体をイベントハンドラにしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/9/](https://jsfiddle.net/jun68ykt/0kz8zb6L/9/)

8

テキスト修正

2018/02/04 02:11

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -20,4 +20,4 @@
20
20
 
21
21
  - リファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)
22
22
  　
23
- - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/5/](https://jsfiddle.net/jun68ykt/0kz8zb6L/5/)
23
+ - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/7/](https://jsfiddle.net/jun68ykt/0kz8zb6L/7/)

7

テキスト修正

2018/02/04 01:06

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -20,4 +20,4 @@
20
20
 
21
21
  - リファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)
22
22
  　
23
- - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/4/](https://jsfiddle.net/jun68ykt/0kz8zb6L/4/)
23
+ - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/5/](https://jsfiddle.net/jun68ykt/0kz8zb6L/5/)

6

テキスト修正

2018/02/04 00:49

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -18,4 +18,6 @@
18
18
  ---
19
19
  **追記**
20
20
 
21
- リファクタしました。???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)
21
+ - リファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)
22
+ 　
23
+ - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/4/](https://jsfiddle.net/jun68ykt/0kz8zb6L/4/)

5

テキスト修正

2018/02/04 00:29

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
File without changes

4

テキスト修正

2018/02/03 23:20

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -13,4 +13,9 @@
13
13
 
14
14
  ![イメージ説明](2eebe2c72102cfbcc6f5261bb3a7969f.png)
15
15
 
16
- 参考になれば幸いです。
16
+ 参考になれば幸いです。
17
+
18
+ ---
19
+ **追記**
20
+
21
+ リファクタしました。???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)

3

テキスト修正

2018/02/03 23:20

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -11,6 +11,6 @@
11
11
 
12
12
  うまく動けば、以下のように、右下の Console に、押されているキーが表示されます。
13
13
 
14
- ![イメージ説明](72e509c135880bce5b4fa9a7ffce3d30.png)
14
+ ![イメージ説明](2eebe2c72102cfbcc6f5261bb3a7969f.png)
15
15
 
16
16
  参考になれば幸いです。

2

テキスト修正

2018/02/03 15:36

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  以下を作ってみました。
4
4
 
5
- [https://jsfiddle.net/jun68ykt/0kz8zb6L/](https://jsfiddle.net/jun68ykt/0kz8zb6L/)
5
+ [https://jsfiddle.net/jun68ykt/0kz8zb6L/1/](https://jsfiddle.net/jun68ykt/0kz8zb6L/1/)
6
6
 
7
7
  ※上記をブラウザで開いた直後、および、[Run]をクリックした直後は、
8
8
  FireBugの入力欄にフォーカスされていると思いますので、
@@ -11,6 +11,6 @@
11
11
 
12
12
  うまく動けば、以下のように、右下の Console に、押されているキーが表示されます。
13
13
 
14
- ![イメージ説明](e98d016d5f1123bcaed7a9158f88e373.png)
14
+ ![イメージ説明](72e509c135880bce5b4fa9a7ffce3d30.png)
15
15
 
16
16
  参考になれば幸いです。

1

テキスト修正

2018/02/03 14:13

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -9,4 +9,8 @@
9
9
  水色の部分を一度クリックしてから、 キーボードのA,W,S,D を
10
10
  同時に押してみたり、離してみたりしてみてください。
11
11
 
12
+ うまく動けば、以下のように、右下の Console に、押されているキーが表示されます。
13
+
14
+ ![イメージ説明](e98d016d5f1123bcaed7a9158f88e373.png)
15
+
12
16
  参考になれば幸いです。