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

回答編集履歴

2

修正

2017/09/20 09:04

投稿

yambejp
yambejp

スコア117908

answer CHANGED
@@ -1,13 +1,27 @@
1
1
  focus時にalertだすとfocusが外れてしまいますがよろしいのでしょうか?
2
-
2
+ ※動的な追加の部分も念の為かいておきます
3
3
  ```javascript
4
4
  HTMLElement.prototype.focusFunc=function(){
5
5
  alert("fucus!");
6
6
  }
7
7
  document.addEventListener('focus',function(e){
8
8
  var t=e.target;
9
- if(t.nodeName=="INPUT"){
9
+ if(t.nodeName=="INPUT" && t.type=="text"){
10
10
  t.focusFunc();
11
11
  }
12
12
  },true);
13
+ document.addEventListener('click',function(e){
14
+ var t=e.target;
15
+ if(t.nodeName=="INPUT" && t.type=="button" && t.value=="add"){
16
+ var n=document.createElement('input');
17
+ n.setAttribute("type","text");
18
+ t.parentNode.appendChild(n);
19
+ }
20
+ });
21
+ ```
22
+ ```HTML
23
+ <div>
24
+ <input type="button" value="add">
25
+ </div>
26
+
13
27
  ```

1

typo

2017/09/20 09:04

投稿

yambejp
yambejp

スコア117908

answer CHANGED
@@ -9,5 +9,5 @@
9
9
  if(t.nodeName=="INPUT"){
10
10
  t.focusFunc();
11
11
  }
12
- });
12
+ },true);
13
13
  ```