teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

修正

2020/04/18 11:44

投稿

soliste16
soliste16

スコア757

answer CHANGED
@@ -11,7 +11,7 @@
11
11
  }
12
12
  });
13
13
 
14
- /* Vanila JS */
14
+ /* Vanilla JS */
15
15
  const parent = document.getElementById('parent');
16
16
  parent.addEventListener('keydown', function(e) {
17
17
  const divChild = document.querySelectorAll('#parent div');

1

追記

2020/04/18 11:44

投稿

soliste16
soliste16

スコア757

answer CHANGED
@@ -4,9 +4,19 @@
4
4
  どのように使用するのかが分からないのでこれ以上は何とも言えません。
5
5
 
6
6
  ```javascript
7
+ /* jQuery */
7
8
  $('#parent').on('keydown', function(e) {
8
9
  if(e.keyCode === 8 && $(this).children('div').length === 1 && $(this).children('div').text() === '') {
9
10
  e.preventDefault();
10
11
  }
11
12
  });
13
+
14
+ /* Vanila JS */
15
+ const parent = document.getElementById('parent');
16
+ parent.addEventListener('keydown', function(e) {
17
+ const divChild = document.querySelectorAll('#parent div');
18
+ if(e.keyCode === 8 && divChild.length === 1 && divChild.textContent === undefined) {
19
+ e.preventDefault();
20
+ }
21
+ });
12
22
  ```