Jquery mouseenter() vs mouseover()

by

You see the behavior when your target element contains child elements:

http://jsfiddle.net/ZCWvJ/7/

Each time your mouse enters or leaves a child element, mouseover is triggered, but not mouseenter.

$('#my_div').bind("mouseover mouseenter", function(e) {
  var el = $("#" + e.type);
  var n = +el.text();
  el.text(++n);
});
#my_div {
  padding: 0 20px 20px 0;
  background-color: #eee;
  margin-bottom: 10px;
  width: 90px;
  overflow: hidden;
}

#my_div>div {
  float: left;
  margin: 20px 0 0 20px;
  height: 25px;
  width: 25px;
  background-color: #aaa;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<div>MouseEnter: <span id="mouseenter">0</span></div>
<div>MouseOver: <span id="mouseover">0</span></div>

<div id="my_div">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

More Related Contents:

  1. jQuery read AJAX stream incrementally?
  2. How can I bind all events on a DOM element?
  3. ‘dragleave’ of parent element fires when dragging over children elements
  4. how to get source of a page
  5. $.ajax – dataType
  6. How to Display Selected Item in Bootstrap Button Dropdown Title
  7. Count characters in textarea
  8. jQuery advantages/differences in .trigger() vs .click()
  9. grid controls for ASP.NET MVC? [closed]
  10. jQuery get all divs which do not have class attribute
  11. Posting JSON data via jQuery to ASP .NET MVC 4 controller action
  12. what is difference between success and .done() method of $.ajax
  13. Changing the position of Bootstrap popovers based on the popover’s X position in relation to window edge?
  14. jQuery: fire click() before blur() event
  15. Is there a jquery event that fires when a new node is inserted into the dom?
  16. jQuery object: to cache or not to cache?
  17. How to implement “mustMatch” and “selectFirst” in jQuery UI Autocomplete?
  18. When using Ajax with jQuery DataTables, how do I determine what to do with the data returned?
  19. disable a hyperlink using jQuery
  20. jQuery Validation – Two fields, only required to fill in one
  21. sum all values for table column based on class
  22. jQuery $(“.class”).click(); – multiple elements, click event once
  23. Different forms of $(document).ready
  24. jQuery: this.attr() not a function?
  25. How to create a diagonal line within a table cell?
  26. Jquery how to bind click event on dynamically created elements?
  27. How to add jQueryUI library in MVC 5 project?
  28. jQuery resize not working at FireFox, Chrome and Safari
  29. Jquery post and unobtrusive ajax validation not working mvc 4
  30. How do I select an element with special characters in the ID?

Leave a Comment