diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/article.md b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/article.md index 01a5a3c62..95a423344 100644 --- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/article.md +++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/article.md @@ -106,14 +106,14 @@ Si vous déplacez la souris de `#parent` à `#enfant`, vous voyez deux événeme [codetabs height=360 src="mouseoverout-child"] ``` -As shown, when the pointer moves from `#parent` element to `#child`, two handlers trigger on the parent element: `mouseout` and `mouseover`: +Comme indiqué, lorsque le pointeur passe de l'élément `#parent` à l'élément `#child`, deux gestionnaires se déclenchent sur l'élément parent : `mouseout` et `mouseover`: ```js parent.onmouseout = function(event) { - /* event.target: parent element */ + /* event.target: élément parent */ }; parent.onmouseover = function(event) { - /* event.target: child element (bubbled) */ + /* event.target: élément enfant */ }; ``` @@ -178,7 +178,7 @@ table.onmouseout = function(event) { ``` ```online -Here they are in action. As the mouse travels across the elements of this table, the current one is highlighted: +Les voici en action. Lorsque la souris se déplace sur les éléments de ce tableau, celui qui est survolé est mis en évidence: [codetabs height=480 src="mouseenter-mouseleave-delegation"] ``` @@ -196,9 +196,9 @@ Voici un exemple de code qui prend en compte toutes les situations possibles : [js src="mouseenter-mouseleave-delegation-2/script.js"] -Once again, the important features are: -1. It uses event delegation to handle entering/leaving of any `