Skip to main content
pete.manzel
Inspiring
Jun 12, 2021 4:47 PM UTC
Answered

HTML5 Canvas - Hide Mouse

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

    This topic is closed to new replies. Start a new post to keep the conversation going.
    pete.manzel
    pete.manzelCorrect answer
    Inspiring
    Jun 13, 2021 3:39 PM UTC

    Hi,

    i added the style tag 

    cursor:none;

    in the html document.

     

    That solution worked for me!

    6 replies

    Legend
    Jun 13, 2021 1:50 PM UTC

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

    Translate
    pete.manzel
    pete.manzelAuthorCorrect answer
    Inspiring
    Jun 13, 2021 3:39 PM UTC

    Hi,

    i added the style tag 

    cursor:none;

    in the html document.

     

    That solution worked for me!

    Translate
    JoãoCésar17023019
    Community Expert
    Community Expert
    Jun 12, 2021 5:08 PM UTC

    Hi.

     

    This should work:

    canvas.style.cursor = "none";

     

    Please let us know.

     

    Regards,

    JC

    Translate
    pete.manzel
    Inspiring
    Jun 12, 2021 5:12 PM UTC

    Hi and thank you JC,

    do i ad it as global skript?

     

    Regards,

    Pete

    Translate
    JoãoCésar17023019
    Community Expert
    Community Expert
    Jun 12, 2021 5:18 PM UTC

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

     

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

    Translate