함수와 이벤트에 대한 내용이 이렇게 간략할지 몰라 따로 파트를 나누어 포스팅을 진행하였는데 불필요한 나눔이 되었네요. 하지만 곧 더 간략하고 직관적으로 볼 수 있도록 기초 문법 총 정리 포스팅을 하도록 하겠습니다. 혹여 참고 문서로 본 포스팅을 보시는 분들은 곧 올라오는 총정리 포스팅을 참고하시면 좋을 것 같습니다.
function 함수명() {
실행문;
return 데이터;
}
참조 변수 = function() {
실행문;
}
function 함수명() {(매개 변수1, 매개 변수2)
실행문;
}
<button id="btn" onclikc="alert('event!')">버튼></button>
이벤트 종류
onmouseover - 마우스가 지정한 요소에 올라갔을 때 발생.
onmouseout - 마우스가 지정한 요소에 벗어났을 때 발생.
onmousemove - 마우스가 지정한 요소를 클릭했을 때 발생.
ondvlclick - 마우스가 지정한 요소를 연속 두 번 클릭했을 때 발생.
onkeypress - 지정한 요소에서 키보드가 눌렸을 때 발생.
onkeydown - 지정한 요소에서 키보드를 눌렀을 때 발생.
onkeyup - 지정한 요소에서 키보드를 눌렀다 떼었을 때 발생.
onfocus - 지정한 요소에 포커스가 갔을 때 발생.
onblur - 지정한 요소에 포커스가 다른 요소로 이동되어 잃었을 때 발생.
onchange - 지정한 요소의 하위 요소를 모두 로딩했을 때 발생.
onunload - 문서를 닫거나 다른 문서로 이동했을 때 발생.
onsubmit - 폼 요소에 전송 버튼을 눌렀을 때 발생.
onreset - 폼 요소에 취소 버튼을 눌렀을 때 발생.
onresize - 지정된 요소의 크기가 변경되었을 때 발생.
onerror - 문서 객체가 로드되는 동안 문제가 발생되었을 때 발생.
참고문헌:
Do it! 자바스크립트+제이쿼리 입문 - 정인용
JavaScript 튜토리얼 문서 (http://www.w3schools.com/js/default.asp)
티스토리 블로그와 동시에 포스팅을 진행하고 있습니다.
http://madeitwantit.tistory.com
#트레바리 #개발자 #안드로이드 #앱개발 #Node.js #백엔드 #인사이트 #경험공유
관련 스택
가입하기
