Breaking News: Grepper is joining You.com. Read the official announcement!

javascript mouse over and mouse enter

Gogo answered on December 23, 2021 Popularity 7/10 Helpfulness 5/10

answer javascript mouse over and mouse enter

javascript mouse over and mouse enter

Comment

let test = document.getElementById("test");

// This handler will be executed only once when the cursor
// moves over the unordered list
test.addEventListener("mouseenter", function( event ) {
  // highlight the mouseenter target
  event.target.style.color = "purple";

  // reset the color after a short delay
  setTimeout(function() {
    event.target.style.color = "";
  }, 500);
}, false);

// This handler will be executed every time the cursor
// is moved over a different list item
test.addEventListener("mouseover", function( event ) {
  // highlight the mouseover target
  event.target.style.color = "orange";

  // reset the color after a short delay
  setTimeout(function() {
    event.target.style.color = "";
  }, 500);
}, false);

Popularity 7/10 Helpfulness 5/10 Language javascript

Source: developer.mozilla.org

Tags: enter javascript mouse

Link to this answer
Share Copy Link