Commit d5f04d2

committed

fixes

1 parent c14f447 commit d5f04d2Copy full SHA for d5f04d2

File tree

1 file changed

-3

lines changed

2-ui/2-events/05-dispatch-events
- article.md

1 file changed

-3

lines changed

`‎2-ui/2-events/05-dispatch-events/article.md‎`

Lines changed: 5 additions & 3 deletions

Original file line number	Diff line number	Diff line change
@@ -241,20 +241,20 @@ Please note that the nested event `menu-open` bubbles up and is handled on the `
`241`	`241`
`242`	`242`	That's not only about `dispatchEvent`, there are other cases. JavaScript in an event handler can call methods that lead to other events -- they are too processed synchronously.
`243`	`243`
`244`		-If we don't like it, we can either put the `dispatchEvent` (or other event-triggering call) at the end of `onclick` or, if inconvenient, wrap it in `setTimeout(...,0)`:
	`244`	+If we don't like it, we can either put the `dispatchEvent` (or other event-triggering call) at the end of `onclick` orwrap it in zero-delay `setTimeout`:
`245`	`245`
`246`	`246`	```html run
`247`	`247`	`<button id="menu">Menu (click me)</button>`
`248`	`248`
`249`	`249`	`<script>`
`250`		`- // 1 -> 2 -> nested`
	`250`	`+ // Now the result is: 1 -> 2 -> nested`
`251`	`251`	`menu.onclick = function() {`
`252`	`252`	`alert(1);`
`253`	`253`
`254`	`254`	`// alert(2)`
`255`	`255`	`setTimeout(() => menu.dispatchEvent(new CustomEvent("menu-open", {`
`256`	`256`	`bubbles: true`
`257`		`- })), 0);`
	`257`	`+ })));`
`258`	`258`
`259`	`259`	`alert(2);`
`260`	`260`	`};`
@@ -263,6 +263,8 @@ If we don't like it, we can either put the `dispatchEvent` (or other event-trigg
`263`	`263`	`</script>`
`264`	`264`	```
`265`	`265`
	`266`	+Now `dispatchEvent` runs asynchronously after the current code execution is finished, including `mouse.onclick`, so event handlers are totally separate.
	`267`	`+`
`266`	`268`	`## Summary`
`267`	`269`
`268`	`270`	`To generate an event, we first need to create an event object.`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit d5f04d2

File tree

1 file changed

1 file changed

`‎2-ui/2-events/05-dispatch-events/article.md‎`

0 commit comments