본문 바로가기

자바스크립트 기기기초

#4.3 Events part Two

  •  addEventListener안에 있는 함수는 직접 실행하지 않음, 브라우저가 실행시켜 주는 것, 실행하면서 event에 관한 정보도 담아줌
  • 정보를 담아줄수 있는 파라미터를 만들고, 그 파라미터는 preventDefault처럼 몇가지 함수도 실행가능함
const link = document.querySelector("a");

function onLinkClick(event){
    event.preventDefault();
    //링크를 클릭하면 해당사이트로 이동하는 기본동작을 막음
    console.dir(event);
}

link.addEventListener("click",onLinkClick);

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

#5.0 Intervals  (0) 2023.02.10
#4.6 Loading Username  (0) 2023.02.10
#4.2 Events  (0) 2023.02.06
#4.1 Form Submission  (0) 2023.02.06
#4.0 Input Values  (0) 2023.02.06