Breaking News: Grepper is joining You.com. Read the official announcement!

js get mouse position canvas

Charlito33 answered on April 23, 2022 Popularity 9/10 Helpfulness 10/10

answer js get mouse position canvas

js get mouse position canvas

Comment

<canvas id="canvas" onmousemove="onMouseMove(event)"></canvas>
<script>
  	let canvas = document.getElementById("canvas");
  
	function onMouseMove(evt) {
    	let mousePos = getMousePos(evt);
		console.log("Mouse X : " + mousePos.x + ", Mouse Y : " + mousePos.y);
    }

	function getMousePos(evt) {
		let rect = canvas.getBoundingClientRect();
		return {
			x: evt.clientX - rect.left,
			y: evt.clientY - rect.top
		};
	}
</script>

Popularity 9/10 Helpfulness 10/10 Language html

Source: Grepper

Tags: canvas get html mouse-position

Link to this answer
Share Copy Link

Contributed on Apr 23 2022

Charlito33

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

js get mouse position canvas

Contents

More Related Answers

js get mouse position canvas

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.