브라우저의 기본 동작

// 브라우저의 기본 동작
const link = document.querySelector('#link');
const checkbox = document.querySelector('#checkbox');
const input = document.querySelector('#input');
const text = document.querySelector('#text');

// 링크를 눌렀을 때 경고메시지를 뜨게 하는 이벤트
link.addEventListener('click', function(e) {
	e.preventDefault();
	alert('지금은 이동할 수 없습니다.');
});

// 체크박스가 체크 되어있지 않으면 내용 입력시 이벤트 호출
input.addEventListener('keydown', function(e) {
	if (!checkbox.checked) {
		e.preventDefault();
		alert('체크박스를 먼저 체크해 주세요.');
	}
});

// 오른쪽 마우스 클릭 방지 이벤트
document.addEventListener('contextmenu', function(e) {
	e.preventDefault();
	alert('마우스 오른쪽 클릭은 사용할 수 없습니다.');
});
// 위와 같지만 text부분만 우클릭 방지
text.addEventListener('contextmenu', function(e) {
	e.preventDefault();
	alert('마우스 오른쪽 클릭은 사용할 수 없습니다.');
});

Uploaded by Notion2Tistory v1.1.0