본문 바로가기

자바스크립트 기기기초

#3.4 Events part Two

  • 이벤트요소를 찾으려면 console.dir 출력해서 앞에 on들어간거 찾으면됨
const title = document.querySelector(".hello h1");

console.dir(title); //element의 내부를 보는 법

function handleMouse(){
    title.innerText="마우스 여깄당";
}

function mouseClick(){
    title.style.color="blue";
}

function mouseLeave(){
    title.innerText="마우스 갔당";
}

title.addEventListener("mouseenter",handleMouse);
title.addEventListener("click",mouseClick);  
title.addEventListener("mouseleave",mouseLeave);

'자바스크립트 기기기초' 카테고리의 다른 글

#3.6 CSS in Javascript  (0) 2023.02.04
#3.5 More Events  (0) 2023.02.03
#3.3 Events  (0) 2023.02.03
#3.2 Searching For Elements  (0) 2023.01.24
#3.0 The Document Object  (0) 2023.01.20