title: How can i stop a event from targeting?
body: <p>I have a bunch of grids with a class called "grid-show". I want to style this specific element that my mouse is over (without using the .hover property in CSS), but when the mouse is not over, I want it to stop and goes back to normal. The "else if" in my example doesent manage to do that.</p>
  
  <pre><code>  let divShow = document.querySelectorAll('.grid-show');
  
    for(i = 0; i &lt; divShow.length; i++){
      divShow[i].addEventListener('mouseover', function(eve){
  
        if (eve.target) {
          eve.target.style.color = "orange"
        } else if(!eve.target){
          eve.target.style.color = " ";
        }
  
      })
    }
  </code></pre>