Skip to content

Commit 4ab919b

Browse files
authored
Merge pull request #1038 from semaphore8/patch-2
Fixed some syntax issues
2 parents d0be9a1 + e2cb2e9 commit 4ab919b

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

2-ui/2-events/02-bubbling-and-capturing/article.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -64,18 +64,18 @@
6464
- `event.target` -- это "целевой" элемент, на котором произошло событие, в процессе всплытия он неизменен.
6565
- `this` -- это "текущий" элемент, до которого дошло всплытие, на нём сейчас выполняется обработчик.
6666

67-
Например, если стоит только один обработчик `form.onclick`, то он "поймает" все клики внутри формы. Где бы ни был клик внутри - он всплывёт до элемента `<form>`, на котором сработает обработчик.
67+
Например, если стоит только один обработчик `form.onclick`, то он "поймает" все клики внутри формы. Где бы ни был клик внутри -- он всплывёт до элемента `<form>`, на котором сработает обработчик.
6868

69-
При этом внутри обработчика`form.onclick`:
69+
При этом внутри обработчика `form.onclick`:
7070

71-
- `this` (`=event.currentTarget`) всегда будет элемент `<form>`, так как обработчик сработал на ней.
71+
- `this` (=`event.currentTarget`) всегда будет элемент `<form>`, так как обработчик сработал на ней.
7272
- `event.target` будет содержать ссылку на конкретный элемент внутри формы, на котором произошёл клик.
7373

7474
Попробуйте сами:
7575

7676
[codetabs height=220 src="bubble-target"]
7777

78-
Возможна и ситуация, когда `event.target` и `this` -- один и тот же элемент, например, если клик был непосредственно на самом элементе `<form>`, не на его подэлементе.
78+
Возможна и ситуация, когда `event.target` и `this` -- один и тот же элемент, например, если клик был непосредственно на самом элементе `<form>`, а не на его подэлементе.
7979

8080
## Прекращение всплытия
8181

@@ -183,7 +183,7 @@ elem.addEventListener(..., true)
183183
2. `P` (фаза цели, срабатывают обработчики, установленные и на погружение и на всплытие, так что выведется два раза)
184184
3. `DIV` -> `FORM` -> `BODY` -> `HTML` (фаза всплытия, второй обработчик)
185185

186-
Существует свойство `event.eventPhase`, содержащее номер фазы, на которой событие было поймано. Но оно используется редко, мы обычно и так знаем об этом в обработчике.
186+
Существует свойство `event.eventPhase`, содержащее номер фазы, на которой событие было поймано. Но оно используется редко, -- мы обычно и так знаем об этом в обработчике.
187187

188188
```smart header="Чтобы убрать обработчик `removeEventListener`, нужна та же фаза"
189189
Если мы добавили обработчик вот так `addEventListener(..., true)`, то мы должны передать то же значение аргумента `capture` в `removeEventListener(..., true)`, когда снимаем обработчик.

0 commit comments

Comments
 (0)