回答編集履歴
1
上位ノード版コードの引数が間違っていたのを修正
answer
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
素
|
|
1
|
+
###追加挿入した要素ノードにイベント定義
|
|
2
2
|
|
|
3
|
+
素直に実装するなら関数を無名関数式から関数宣言に変えます。
|
|
4
|
+
|
|
3
5
|
```JavaScript
|
|
4
6
|
function handleClick () {
|
|
5
7
|
console.log('このイベント処理を再設定したい');
|
|
@@ -11,11 +13,14 @@
|
|
|
11
13
|
|
|
12
14
|
jQuery('#testBtn').on('click', handleClick);
|
|
13
15
|
```
|
|
16
|
+
|
|
17
|
+
### 上位ノードでイベント定義
|
|
18
|
+
|
|
14
19
|
`click` はイベントバブリング可能なので上位ノードで監視する方法もあります。
|
|
15
20
|
http://uhyohyo.net/javascript/3_3.html
|
|
16
21
|
|
|
17
22
|
```JavaScript
|
|
18
|
-
jQuery(
|
|
23
|
+
jQuery(document.body).on('click', '.hoge', function handleClick () {
|
|
19
24
|
console.log('このイベント処理を再設定したい');
|
|
20
25
|
});
|
|
21
26
|
|
|
@@ -23,5 +28,8 @@
|
|
|
23
28
|
// ↓
|
|
24
29
|
// document.body ははじめから存在するので、改めてイベント定義する必要はない
|
|
25
30
|
```
|
|
31
|
+
### 更新履歴
|
|
26
32
|
|
|
33
|
+
- 2016/04/23 12:17 上位ノード版コードの引数が間違っていたのを修正
|
|
34
|
+
|
|
27
35
|
Re: k499778 さん
|