Javascript/자바스크립트/event/이벤트 속성/onclick

이벤트(event)

사용자에 의한 특정 행위의 결과로 발생하는 사용자와 프로그램 사이의 상호작용 처리의 요인

ex)  버튼 클릭, 하이퍼링크 위에 마우스 커서를 위치시킴

 

✔ 이벤트 속성

이벤트가 발생했을 때 이벤트 발생으로 호출되어야 할 이벤트 핸들러(실행 함수)를 연결하는 역할

	이벤트 속성	설명
마우스	onclick	버튼 등을 마우스로 클릭할 때
	ondblclick	버튼 등을 마우스로 더블 클릭할 때
	onmouseover	링크나 그림, 버튼 위에 마우스 포인터를 올릴 때
	onmouseout	링크나 그림, 버튼에서 마우스 포인터가 빠져나갈 때
	onmousedown	마우스 버튼을 클릭하는 순간
	onmouseup	마우스 버튼을 클릭했다가 떼는 순간
	onmousemove	마우스를 움직이는 순간
	ondragdrop	마우스를 클릭한 상태에서 움직일 때
포커스	onfocus	커서가 위치할 때
	onblur	커서가 다른 곳으로 옮겨갈 때
키보드	onkeydown	키보드를 누를 때
	onkeyup	키보드를 눌렀다가 떼는 순간
폼	onsubmit	전송(확인)버튼을 클릭할 때
	onreset	취소 버튼을 클릭할 때
	onselect	문자열을 선택하거나 체크 박스, 라디오 버튼 등을 선택할 때
	onchange	리스트 박스의 값을 변경할 때
윈도우	onload	브라우저에서 문서를 읽을 때
	onunload	브라우저에서 문서를 닫을 때
	onmove	브라우저를 이동했을 때
	onresize	브라우저의 크기를 변경했을 때

 

onclick

클릭하면 설정값 따라 반응함

 

결과값🔽