回答編集履歴
2
コード3に誤りがあったため修正。イベントターゲットの説明を追記。
test
CHANGED
@@ -16,6 +16,16 @@
|
|
16
16
|
|
17
17
|
CustomEventHogehogeがイベントの名前になります。これは任意の文字列で構いません。
|
18
18
|
|
19
|
+
イベントターゲットはElement および document、window などでもOKです。
|
20
|
+
|
21
|
+
要はどの実体に、イベントを発生させるかという話です。
|
22
|
+
|
23
|
+
イベントターゲットについて詳しくは以下を参照してください。
|
24
|
+
|
25
|
+
[https://developer.mozilla.org/ja/docs/Web/API/EventTarget](https://developer.mozilla.org/ja/docs/Web/API/EventTarget)
|
26
|
+
|
27
|
+
|
28
|
+
|
19
29
|
あとは、loadイベントや、clickイベントと同じようにリスナーを登録すればOKです。
|
20
30
|
|
21
31
|
```javascript
|
@@ -32,7 +42,9 @@
|
|
32
42
|
|
33
43
|
```javascript
|
34
44
|
|
35
|
-
dispatchEvent(event);
|
45
|
+
eventTarget.dispatchEvent(event);
|
46
|
+
|
47
|
+
// → イベントリスナーに登録した関数が実行される。
|
36
48
|
|
37
49
|
```
|
38
50
|
|
1
文言修正
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
ツッコミどころの多いコードについてはそっとしておくこととして、カスタムイベントを作ることでclickイベントやloadイベントと同じように、00:00になったときを定義することが可能です。
|
1
|
+
ツッコミどころの多いコードについてはそっとしておくこととして、カスタムイベントを作ることでclickイベントやloadイベントと同じように、「00:00になったとき」をイベントとして定義することが可能です。
|
2
2
|
|
3
3
|
カスタムイベントの作り方は簡単で以下のようなコードで作成できます。
|
4
4
|
|