01. 이벤트 메서드 : addEventListener("click")
addEventListener("click"): 클릭했을 때 나타나는 이벤트
{
var myButton = document.getElementById("myButton");
function clickHandler() {
alert("버튼이 클릭되었습니다!");
}
// 클릭 이벤트 핸들러 등록
myButton.addEventListener("click", clickHandler);
// 클릭 이벤트 핸들러 제거
myButton.removeEventListener("click", clickHandler);
}
이벤트 핸들러 등록 : 클릭할 버튼.addEventListener("click", 클릭시 실행될 함수);
"click" 이벤트를 처리하려면 해당 이벤트에 대한 이벤트 핸들러(또는 클릭 핸들러)를 등록해야 합니다.
이 핸들러는 클릭 이벤트가 발생할 때 실행됩니다.
이벤트 핸들러 제거하려면 addEventListener를 removeEventListener로 바꿔주면 됩니다.
결과 확인하기
02. 이벤트 메서드 : addEventListener("dblclick")
addEventListener("dblclick") : 더블 클릭했을 때 나타나는 이벤트
{
}
결과 확인하기
03. 이벤트 메서드 : addEventListener("lode")
addEventListener("lode") : 문서 로딩이 끝났을 때 나타나는 이벤트
{
}
결과 확인하기
04. 이벤트 메서드 : addEventListener("lode")
addEventListener("lode") : 문서가 정확히 로딩이 끝났을 때
{
}
결과 확인하기
05. 이벤트 메서드 : addEventListener("error")
addEventListener("error") : 문서가 정확히 로딩되지 않았을때
{
}
06. 이벤트 메서드 : addEventListener("scroll")
addEventListener("scroll") : 스크롤했을 때 나타나는 이벤트
{
// 스크롤 이벤트 핸들러 등록
window.addEventListener("scroll", function() {
// 스크롤 이벤트가 발생했을 때 실행할 코드
console.log("페이지가 스크롤되었습니다.");
});
}
스크롤 이벤트는 사용자가 웹 페이지를 스크롤할 때 발생합니다.
이 이벤트는 페이지의 스크롤 위치가 변경될 때마다 실행됩니다.
{
}
결과 확인하기
{
}