MouseMove Event

Devtool Chrome Event Listener


mousemove is an event that occurs when the pointing device is moved while it is over an element.

The onmousemove attribute may be used with most elements.

It permits to track the mouse location.


function onMouseMove(e){
  console.log(new Date().toLocaleString()+": Position: x: "+e.x+ ", y:"+ e.y);
let debouncedMouseMove = debounce(onMouseMove, 500);
document.addEventListener('mousemove', debouncedMouseMove);
  • The output: Move your mouse above the console region and stops it

Discover More
Devtool Chrome Event Listener
DOM - Event Type (name)

An event is categorize by its type which is a property of the event object The type of an event is also known as the name of the event (Ref)...
Card Puncher Data Processing
Datacadamia - Data all the things

Computer science from a data perspective
How to create a Debounce Function in Javascript?

A debounce is a function that: will wrap a callback function willnot let the callback function execute for each event will let the callback function execute only when a certain amount of time...

Share this page:
Follow us:
Task Runner