javascript 마우스 오버 이벤트

처음 웹페이지 접속했을 때 함수를 시작하고

window.onload = function(){}

이벤트 넣을 태그의 클래스 또는 아이디값을 선언해준 뒤

var gnb = document.querySelector(".gnb");
var lnb_box = document.querySelector(".lnb_box");

addEventListener를 이용하여 마우스 이벤트 생성

 

window.onload = function(){
    var gnb = document.querySelector(".gnb");
    var lnb_box = document.querySelector(".lnb_box");
    gnb.addEventListener("mouseover", hovered, false);
    lnb_box.addEventListener("mouseout", hoveredOut, false);
}

gnb 클래스에 마우스를 올렸을 때 hovered 함수가 실행되고

lnb_box 클래스에서 마우스가 아웃됐을 때 hoveredOut 함수가 실행

function hovered(e) {}
function hoveredOut(e) {}