기타/기타 잡다한 것들

[JAVASCRIPT] Event handlers

제주도소년 2019. 5. 17. 11:38

Event handlers

- 자바스크립트는 이벤트에 반응하기 위해서 만들어 졌다.

- 여기서 이벤트는 웹 사이트에서 발생하는 것이다.

- 브라우저 크기 변경.. input .. 등등

window

- window 객체는 브라우저 객체의 최상위객체로 브라우저에 대한 정보를 제공하는 다른 객체들을 가지고 있다.

- 아래는 자주 사용하는 객체들임

window.open()

새로운 창을 오픈

window.alert()

경고용 대화창을 보여줌

prompt()

질의응답창을 띄움

confirm()

확인/취소값을 띄우고 true/false값을 반환한다

moveTo()

창의 위치를 이동시킨다

eval()

문자열로 입력된 숫자를 숫자로 변환, 계산해준다

focus()

focus효과를 준다

valueOf()

오브젝트 값을 반환한다.

back()

한단계 전 url로 돌아간다.

setInterval()

일정간격으로 지속적으로 실행문을 실행(사진 슬라이드 등)

clearInterval()

반복실행중인 setInterval을 취소할때 사용

- 윈도우 객체에서는 addEventListener 가 이벤트를 받기를 기다리고 있다.

- 리사이즈가 될 때마다 로그에는 resized 가 출력된다.

- handleResize() 를 사용해버리면 리사이즈가 일어나지 않는데도 함수가 호출된다.

아래와 같은 방식으로도 사용이 가능하다. title을 클릭하면 색상을 파란색으로 변경한다.