HTML5 Canvas - Hide Mouse

[pete.manzel]

Hi, 

i am working on a projekt that is going to run in a chromium kiosk.

I am trying to hide the mouse (arrow) without success.

Which is the best way to hide the mouse?

Thanks!

Pete

[JoãoCésar]

Hi.

This should work:

canvas.style.cursor = "none";

Please let us know.

Regards,

JC

[pete.manzel]

Hi and thank you JC,

do i ad it as global skript?

Regards,

Pete

[JoãoCésar]

No, because the canvas global variable won't be defined yet.

Put the code in the first frame of the main timeline.

[pete.manzel]

It is not working.

I am running your code to aminate through the mousewheel.

var root = this;

root.targetTimeline = this;
root.targetTimeline.loop = true;
root.targetTimeline.force = 0.7; //war 1
root.targetTimeline.friction = 0.8;
root.targetTimeline.direction = -1; // scroll direction
root.targetTimeline.minFrame = 0; // set the start range value here
root.targetTimeline.maxFrame = root.targetTimeline.totalFrames - 1; // set the end range value here
root.targetTimeline.speed = 0;
root.targetTimeline.pressed = false;

If i add the line :

canvas.style.cursor = "none";

 Nothing is working anymore.

Thank you for your help!

Regards

Pete

[ClayUUID]

If it's for a kiosk, you may as well just hide the mouse cursor for the entire document.

[pete.manzel · Accepted solution]

Hi,

i added the style tag 

cursor:none;

in the html document.

That solution worked for me!