Example

1import {
2    createPointCB,
3    getClientRect,
4    pointInside
5} from 'dom-plane';
6
7const point = {};
8const pointCB = createPointCB(point);
9
10window.addEventListener('mousemove', pointCB);
11window.addEventListener('mousedown', (e)=>{
12    console.log('point is inside '+e.target, '=', pointInside(point, e.target))
13    console.log('current rect ', getClientRect(e.target))
14})

Exported functions.

• createPointCB(point)
• getClientRect(element)
• pointInside(point, element)

createPointCB(point) -> pointCB

point should be an object. Preferably an empty object.

createPointCB returns a function that should be set as a listener on mouse, or touch events.

Each time the event fires it on pointCB it will update point.

point

point will gain these properties:

• target
• element
• type
• pageX
• pageY
• x
• y

getClientRect(element|window) -> clientRect

Get the boundingClientRect of the element, or window.

pointInside(point, element) -> Boolean

Check to see if the point is inside the element.