jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

closes #1318

Browse source
This commit is contained in:
Ilya Kantor 2019-09-04 18:37:47 +03:00
parent 0a7e9534d2
commit 8c1129f142
1 changed files with 3 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/article.md
View file

@ -67,9 +67,7 @@ Also move the pointer into the child `div`, and then move it out quickly down th
```
```smart header="If `mouseover` triggered, there must be `mouseout`"
In case of fast mouse movements, intermediate elements may be ignores, but one thing we know for sure: elements can be only skipped as a whole.
If the pointer "officially" entered an element with `mouseover`, then upon leaving it we always get `mouseout`.
In case of fast mouse movements, intermediate elements may be ignored, but one thing we know for sure: if the pointer "officially" entered an element with `mouseover`, then upon leaving it we always get `mouseout`.
```
## Mouseout when leaving for a child
@ -111,7 +109,7 @@ parent.onmouseover = function(event) {
};
```
If the code inside the handlers doesn't look at `target`, then it might think that the mouse left the `parent` element, and then came back over it. But it's not the case! The mouse never left, it just moved to the child element.
If we don't examine `event.target` inside the handlers, then it may seem that the mouse left `parent` element, and then came back over it. But it's not the case! The mouse never left, it just moved to the child element.
If there's some action upon leaving the element, e.g. animation runs, then such interpretation may bring unwanted side effects.
@ -206,4 +204,4 @@ These things are good to note:
Events `mouseover/out` trigger even when we go from the parent element to a child element. The browser assumes that the mouse can be only over one element at one time -- the deepest one.
Events `mouseenter/leave` are different in that aspect: they only trigger when the mouse comes in and out the element as a whole. Also they do not bubble.
Events `mouseenter/leave` are different in that aspect: they only trigger when the mouse comes in and out the element as a whole. Also they do not bubble.