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

Changed 'fieldInnerCoords' to 'fieldCoords' to match image and text

Browse source
This commit is contained in:
simmayor 2018-12-08 20:44:22 -05:00
parent 23b5766b82
commit efbf871daf
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
2-ui/2-events/01-introduction-browser-events/04-move-ball-field/solution.md
View file

@ -33,7 +33,7 @@ We have `event.clientX/clientY` -- window-relative coordinates of the click.
To get field-relative `left` coordinate of the click, we can substract the field left edge and the border width: To get field-relative `left` coordinate of the click, we can substract the field left edge and the border width:
```js ```js
let left = event.clientX - fieldInnerCoords.left - field.clientLeft; let left = event.clientX - fieldCoords.left - field.clientLeft;
``` ```
Normally, `ball.style.position.left` means the "left edge of the element" (the ball). So if we assign that `left`, then the ball edge would be under the mouse cursor. Normally, `ball.style.position.left` means the "left edge of the element" (the ball). So if we assign that `left`, then the ball edge would be under the mouse cursor.
@ -43,7 +43,7 @@ We need to move the ball half-width left and half-height up to make it center.
So the final `left` would be: So the final `left` would be:
```js ```js
let left = event.clientX - fieldInnerCoords.left - field.clientLeft - ball.offsetWidth/2; let left = event.clientX - fieldCoords.left - field.clientLeft - ball.offsetWidth/2;
``` ```
The vertical coordinate is calculated using the same logic. The vertical coordinate is calculated using the same logic.