brunch

매거진 개발개발

You can make anything
by writing

C.S.Lewis

by 워니 Jun 05. 2016

자바스크립트 기초 문법 정리 Part 3

JavaScript 배우기

함수와 이벤트에 대한 내용이 이렇게 간략할지 몰라 따로 파트를 나누어 포스팅을 진행하였는데 불필요한 나눔이 되었네요. 하지만 곧 더 간략하고 직관적으로 볼 수 있도록 기초 문법 총 정리 포스팅을 하도록 하겠습니다. 혹여 참고 문서로 본 포스팅을 보시는 분들은 곧 올라오는 총정리 포스팅을 참고하시면 좋을 것 같습니다.







함수

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



매거진의 이전글 자바스크립트 기초 문법 정리 Part 2 - 객체
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari