Javascript addEventListener – using to create a mouseover effect?

You will need to setup a similar event to handle mouseout. Inside the mouseout event function, you can change the color back to the original color.

var item = document.getElementById("button");
item.addEventListener("mouseover", func, false);
item.addEventListener("mouseout", func1, false);

function func()
{  // not needed since item is already global, 
   // I am assuming this is here just because it's sample code?
   // var item = document.getElementById("button"); 
   item.setAttribute("style", "background-color:blue;")

function func1()
   item.setAttribute("style", "background-color:green;")

Leave a Comment