回答編集履歴
3
位置関係をはっきりさせるためにコード追加
test
CHANGED
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
```lang-javascript
|
|
10
10
|
|
|
11
11
|
// 省略
|
|
12
|
+
|
|
13
|
+
let elm = document.getElementById('hoge');
|
|
12
14
|
|
|
13
15
|
let inputElm = document.createElement('input');
|
|
14
16
|
|
2
コードを訂正
test
CHANGED
|
@@ -10,11 +10,15 @@
|
|
|
10
10
|
|
|
11
11
|
// 省略
|
|
12
12
|
|
|
13
|
-
let
|
|
13
|
+
let inputElm = document.createElement('input');
|
|
14
14
|
|
|
15
|
-
divElm.innerHTML = '<input type="text" value="入力"></input>';
|
|
16
15
|
|
|
16
|
+
|
|
17
|
-
|
|
17
|
+
inputElm.addEventListener('focus',focusFunc,false);
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
elm.appendChild(inputElm);
|
|
18
22
|
|
|
19
23
|
// 省略
|
|
20
24
|
|
1
リンクの付与とコードの訂正
test
CHANGED
|
@@ -2,12 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
`addEventListener`を使ってみてはどうでしょう？
|
|
5
|
+
[`addEventListener`](https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener)を使ってみてはどうでしょう？
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
```
|
|
9
|
+
```lang-javascript
|
|
10
|
+
|
|
11
|
+
// 省略
|
|
12
|
+
|
|
13
|
+
let divElm = document.createElement('div');
|
|
14
|
+
|
|
15
|
+
divElm.innerHTML = '<input type="text" value="入力"></input>';
|
|
10
16
|
|
|
11
17
|
divElm.addEventListener("focus",focusFunc,false);
|
|
12
18
|
|
|
19
|
+
// 省略
|
|
20
|
+
|
|
13
21
|
```
|