Javascript 다양한 이벤트 예시

click, mouseenter, mouseleave, resize, copy, online, offline 이벤트 예시.

const button = document.querySelector('.btn');

button.addEventListener('click', functionName);
button.onclick = functionName;


// 클릭
window.addEventListener('click', functionName);
// 해당 요소에 마우스 진입
window.addEventListener('mouseenter', functionName);
// 해당 요소에서 마우스 떠남
window.addEventListener('mouseleave', functionName);
// 해당 요소가 resizing 될 때
window.addEventListener('resize', functionName);
// 복사헀을 때
window.addEventListener('copy', functionName);
// wifi 접속시
window.addEventListener('online', functionName);
// wifi 해제시
window.addEventListener('offline', functionName);