Topics

Kevin Powell - Community•7mo ago

mousemove events

Hi everyone I'm a beginner with javascript I 'm learning mousemove events I have this code

 <div class="circle"></div>

 <div class="circle"></div>

my JS:

 <script>
        const circle=document.querySelector('.circle');
        window.addEventListener("mousemouse",()=>{
            console.log("pat66");
        });
        
    </script>

 <script>
        const circle=document.querySelector('.circle');
        window.addEventListener("mousemouse",()=>{
            console.log("pat66");
        });
        
    </script>

I suppose to have in the console the message pat66 but I have nothing can I get some idea about what is going wrong ? thanks by advance.

4 Replies

Jochem•7mo ago

you've misspelled the event name, it's mousemove nto mousemouse

Pat66•7mo ago

thanks 😋 feeling stupid

MarkBoots•7mo ago

I would suggest using pointermove. this will also catch touch devices ref: https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events

Pat66•7mo ago

thanks

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

font-size discrepancy using remHey guys I am doing a project and I am new to front-end. Doing so, I found something which I cant un Unable to change SVG icons color in reactI have downloaded svg files and added fill = "currentColor" to each individual . THen i created a fi SECURING CSS CODEHow to secure and protect the css code from "source code"? Like when you click the stylesheets file How do I import swiper.js package from node_modules into my main js.file?Hey guys, So I downloaded the swiper.js packackge via npm and did exactly what the doc says but it Is there a website or a repository in which we can see when CSS features were added?Sometimes I'll be looking up a feature on CanIUse or developer.mozilla.org to check its compatibilit Date Input field for birthday, 'masking' the user input, incorporating 'show' buttonI'm trying to create a birthday date input field inside of a React-bootstrap 'Form'. What I want i How to horizontally center an element with translated content outside of it's widthI have a heading h3: ```html <h3>This is the width <span>extend</span></h3> ``` ```css h3 { width Issue with Vite projectHello everyone, I'm having an issue with the Vite project. The issue is when I run the command npm r How can I make the top of this overlay transparent?Hey guys I got this code and you can see it looks like like a "box"but I'm trying to make the top mo Text in Responsive Background Image Overflow```css .background-image-anime { width: 100%; background-size: 100% auto; background-image: ur