Skip to content

Commit 6a0de7d

Browse files
committed
Merge branch 'master' of github.com:dwatow/js30
2 parents 029dca9 + 0f85ca5 commit 6a0de7d

File tree

3 files changed

+11
-11
lines changed

3 files changed

+11
-11
lines changed

09 Dev Tools Domination/README.MD

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
這是一個開發工具和console技巧的快速教學影片。
44

5-
一投教學,一投練習的方式進行
5+
一段教學,一段練習的方式進行
66

77
# Go!!!
88

25 Event Capture, Propagation, Bubbling and Once/README.MD

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,15 @@ element.addEventListener(event, function, useCapture)
2323
1. Once(new property)
2424

2525
## 名詞定義
26-
`bubbling`
27-
發泡反應 從operator system -> browser application -> tab -> html -> body到你按的element, 都會被觸發事件
28-
29-
browser做的事稱為Capture
30-
意思是你點擊element, 以top down的順序capture所有的event
31-
32-
33-
`event.stopPropagation()` 取消預設(bubbling)行為
34-
點到誰,就是誰
26+
- `bubbling` 冒泡(像泡泡在水裡浮上來的過程)
27+
- operator system -> browser application -> tab -> html -> body到你按的element,
28+
都會被觸發事件。
29+
- 事件預設的執行順序是從element往上到body...
30+
- Capture 捕獲
31+
- browser做的事稱為Capture
32+
- 意思是你點擊element, 以top down的順序capture所有的event
33+
- `event.stopPropagation()`
34+
- 取消預設(bubbling)行為,變成「點到誰,就是誰
3535

3636
## 舉例
3737

README.MD

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
23. [Speech Synthesis](https://github.com/dwatow/JavaScript30/tree/master/23%20Speech%20Synthesis)
4242
24. [Sticky Nav](https://github.com/dwatow/JavaScript30/tree/master/24%20Sticky%20Nav)
4343
25. [Event Capture, Propagation, Bubbling and Once](https://github.com/dwatow/JavaScript30/tree/master/25%20Event%20Capture%2C%20Propagation%2C%20Bubbling%20and%20Once)
44-
26. [Stripe Follow Along Nav](https://github.com/dwatow/JavaScript30)
44+
26. [Stripe Follow Along Nav](https://github.com/dwatow/JavaScript30/tree/master/26%20Stripe%20Follow%20Along%20Nav)
4545
27. [Click and Drag](https://github.com/dwatow/JavaScript30/tree/master/27%20Click%20and%20Drag)
4646
28. [Video Speed Controller](https://github.com/dwatow/JavaScript30/tree/master/28%20Video%20Speed%20Controller)
4747
29. [Countdown Timer](https://github.com/dwatow/JavaScript30/tree/master/29%20Countdown%20Timer)

0 commit comments

Comments
 (0)