--- title: "How to occur mouseenter and mouseleave event on html page and how to handle this events?" description: "How to occur mouseenter and mouseleave event on html page and how to handle this events?" author: "Ethan Karla" published: 2021-07-28 canonical: https://answers.mindstick.com/qa/93834/how-to-occur-mouseenter-and-mouseleave-event-on-html-page-and-how-to-handle-this-events category: "web application" tags: ["web development", "web application development"] reading_time: 2 minutes --- # How to occur mouseenter and mouseleave event on html page and how to handle this events? How to occur mouseenter and mouseleave [event](https://www.mindstick.com/articles/54942/6-tips-for-organising-a-successful-corporate-event) on [html](https://www.mindstick.com/articles/1530/design-a-simple-stylish-calculator-using-html-css-and-javascript) [page](https://www.mindstick.com/articles/85722/common-on-page-seo-mistake-how-to-fix) and how to [handle](https://www.mindstick.com/articles/311004/suede-skillet-handle-cover) this [events](https://www.mindstick.com/forum/1622/writing-events-to-log-text-file-using-java)? ## Answers ### Answer by Ravi Vishwakarma jQuery mouseenter() event, when we move mouse in one of the element area then mouseenter event is activated but if we move the same mouse then mousealeave event gets activated. ``` Syntax $(selector).mouseleave() $(selector).mouseleave(function) $(selector).mouseenter() $(selector).mouseenter(function) ``` ```                             Submit Event demo    
       

mouseleave and mouseenter event

       
               When you hover or leave this box, you will see the effect in below box.        
       

   
                ``` ![How to occur mouseenter and mouseleave event on html page and how to handle this events?](https://answers.mindstick.com/questionanswer/454fe2d9-f0ce-4e5f-a4cf-a79b89d832f9/images/ba1896d0-fa0a-4111-909e-386f95ec549f.png) \ --- Original Source: https://answers.mindstick.com/qa/93834/how-to-occur-mouseenter-and-mouseleave-event-on-html-page-and-how-to-handle-this-events Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.