js detec when mouse leaves element code example

Example 1: mouseout vs mouseleave js event

The mouseout event triggers when the mouse pointer leaves any
child elements as well the selected element.
The mouseleave event is only triggered when the mouse pointer 
leaves the selected element.

Example 2: mouseleave to original image

function createHover (that) {

  var original = document.getElementsByClassName("image_left"); // attempt

  that.addEventListener('mouseover', function() {
    var src = that.getAttribute('data-src');
    if (src) {
      imageContainer.src = src;
    }
  });
  that.addEventListener('mouseleave', function() {
    // imageContainer.src = original;
  });
}

  initImageHover('li.one > a');
});

Tags:

Misc Example