is it possible to prevent mouse cursor to leave a page when mouse down

Question

It will be very good if you help me do this guys ! thanks a million in advance

//Something like this I am thingking

$(document).on('mousedown',function(){
    //code that prevents cursor leaving a page
});

1. Why would you even want to do that? 2. Show us what you have tried. — Teja, Jun 10 '16 at 07:14

score 1 · Answer 1 · answered Jun 10 '16 at 07:14

1

There is a pointer lock API that should do what you are looking for using canvas.requestPointerLock || canvas.mozRequestPointerLock

There is a demo here

answered Jun 10 '16 at 07:14

Tony

score 0 · Answer 2 · edited May 23 '17 at 12:08

0

I'm not sure it is possible to prevent mouse move.

But, an approach would be to track mouse x/y position and alert user when he's going off the page.

Look this SO answer about mouse tracking.

edited May 23 '17 at 12:08

Community

answered Jun 10 '16 at 07:09

2 Answers2