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

編集履歴

回答編集履歴

11

テキスト修正

2018/02/04 03:33

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -46,4 +46,4 @@
46
46
 
47
47
  　
48
48
 
49
- - さらにリファクタして、`change`自体をイベントハンドラにして、`keydown`と`keyup`に対して同じ関数オブジェクトを使い回します ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/10/](https://jsfiddle.net/jun68ykt/0kz8zb6L/10/)
49
+ - さらにリファクタして、`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

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

9

テキスト修正

2018/02/04 02:24

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -43,3 +43,7 @@
43
43
  　
44
44
 
45
45
  - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/7/](https://jsfiddle.net/jun68ykt/0kz8zb6L/7/)
46
+
47
+ 　
48
+
49
+ - さらにリファクタして、`change` にイベントハンドラを返させるのではなく、 `change`自体をイベントハンドラにしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/9/](https://jsfiddle.net/jun68ykt/0kz8zb6L/9/)

8

テキスト修正

2018/02/04 02:11

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -42,4 +42,4 @@
42
42
 
43
43
  　
44
44
 
45
- - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/5/](https://jsfiddle.net/jun68ykt/0kz8zb6L/5/)
45
+ - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/7/](https://jsfiddle.net/jun68ykt/0kz8zb6L/7/)

7

テキスト修正

2018/02/04 01:06

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -42,4 +42,4 @@
42
42
 
43
43
  　
44
44
 
45
- - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/4/](https://jsfiddle.net/jun68ykt/0kz8zb6L/4/)
45
+ - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/5/](https://jsfiddle.net/jun68ykt/0kz8zb6L/5/)

6

テキスト修正

2018/02/04 00:49

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -38,4 +38,8 @@
38
38
 
39
39
 
40
40
 
41
- リファクタしました。???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)
41
+ - リファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)
42
+
43
+ 　
44
+
45
+ - ES6 使ってリファクタしました ???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/4/](https://jsfiddle.net/jun68ykt/0kz8zb6L/4/)

5

テキスト修正

2018/02/04 00:29

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
File without changes

4

テキスト修正

2018/02/03 23:20

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -29,3 +29,13 @@
29
29
 
30
30
 
31
31
  参考になれば幸いです。
32
+
33
+
34
+
35
+ ---
36
+
37
+ **追記**
38
+
39
+
40
+
41
+ リファクタしました。???? [https://jsfiddle.net/jun68ykt/0kz8zb6L/3/](https://jsfiddle.net/jun68ykt/0kz8zb6L/3/)

3

テキスト修正

2018/02/03 23:20

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
 
26
26
 
27
- ![イメージ説明](72e509c135880bce5b4fa9a7ffce3d30.png)
27
+ ![イメージ説明](2eebe2c72102cfbcc6f5261bb3a7969f.png)
28
28
 
29
29
 
30
30
 

2

テキスト修正

2018/02/03 15:36

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
 
8
8
 
9
- [https://jsfiddle.net/jun68ykt/0kz8zb6L/](https://jsfiddle.net/jun68ykt/0kz8zb6L/)
9
+ [https://jsfiddle.net/jun68ykt/0kz8zb6L/1/](https://jsfiddle.net/jun68ykt/0kz8zb6L/1/)
10
10
 
11
11
 
12
12
 
@@ -24,7 +24,7 @@
24
24
 
25
25
 
26
26
 
27
- ![イメージ説明](e98d016d5f1123bcaed7a9158f88e373.png)
27
+ ![イメージ説明](72e509c135880bce5b4fa9a7ffce3d30.png)
28
28
 
29
29
 
30
30
 

1

テキスト修正

2018/02/03 14:13

投稿

jun68ykt
jun68ykt

スコア9058

test CHANGED
@@ -20,4 +20,12 @@
20
20
 
21
21
 
22
22
 
23
+ うまく動けば、以下のように、右下の Console に、押されているキーが表示されます。
24
+
25
+
26
+
27
+ ![イメージ説明](e98d016d5f1123bcaed7a9158f88e373.png)
28
+
29
+
30
+
23
31
  参考になれば幸いです。