자바스크립트 이벤트6 [ 모던 자바스크립트 스터디 ] 이벤트 드디어 이 두꺼운 책의 끝이 보인다...! 이벤트 드리븐 프로그래밍 브라우저는 처리해야할 사건이 발생하면 감지해 이벤트를 발생시킨다. 이벤트가 발생했을 때 호출된 함수를 이벤트 핸들러라 하고, 이벤트가 발생했을 때 브라우저에게 이벤트 핸들러의 호출을 위임하는 것을 이벤트 핸들러 등록이라 한다. 이벤트와 그에 대응하는 함수(이벤트 핸들러)를 통해 사용자와 애플리케이션은 상호작용이 가능하다. 이와 같이 프로그램의 흐름을 이벤트 중심으로 제어하는 프로그래밍 방식을 이벤트 드리븐 프로그래밍이라 한다. 이벤트 타입 마우스 이벤트 이벤트 타입 이벤트 발생 시점 click 마우스 버튼 클릭 dbclick 마우스 더블클릭 mousedown 마우스 버튼 눌렀을 때 mouseup 누르고 있던 마우스 버튼 놓았을 때 mou.. 2022. 11. 5. [ JavaScript ] 자바스크립트 기본 문법 | jQuery 이벤트 (on API 사용법) 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: jQuery 이벤트 jQuery는 이벤트와 관련해서 편리한 기능을 제공합니다. 아래 예제는 직접 이벤트 프로그래밍을 하는 것과 jQuery를 이용하는 것의 차이점을 보여주고 있습니다. 결과는 같기 때문에 따로 실행결과를 덧붙이진 않겠지만, 코드 분량에서 큰 차이가 있습니다. jQuery는 크로스 브라우징을 알아서 처리해주고, 이벤트를 보다 적은 코드로 구현할 수 있도록 해줍니다. 이런 이유 때문에 jQuery와 같은 라이브러리를 사용하는 것입니다. 자바스크립트 기본 문법 :: onAPI 사용법 on 은 jQuery에서 가장 중요한 이벤트 API 라고 할 수 있습니다. on .. 2021. 2. 10. [ JavaScript ] 자바스크립트 기본 문법 | 마우스 이벤트(click,dbclick,mousedown,shtftKey,altKey,clientX,clientY) 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 :: 마우스 이벤트 웹브라우저는 마우스와 관련해서 다양한 이벤트 타입을 지원합니다. click 클릭했을 때 발생하는 이벤트. dblclick 더블클릭을 했을 때 발생하는 이벤트 mousedown 마우스를 누를 때 발생 mouseup 마우스버튼을 땔 때 발생 mousemove 마우스를 움직일 때 mouseover 마우스가 엘리먼트에 진입할 때 발생 mouseout 마우스가 엘리먼트에서 빠져나갈 때 발생 contextmenu 컨텍스트 메뉴가 실행될 때 발생 자바스크립트 기본 문법 :: 마우스 이벤트(키보드 조합) 마우스 이벤트가 호출될 때 특수키(alt, ctrl, shift)가 눌.. 2021. 2. 10. [ JavaScript ] 자바스크립트 기본 동작 취소(preventDefault) 해당 포스팅은 생활코딩의 이고잉 님의 강의를 기반으로 개인 공부용으로 정리한 포스팅임을 미리 알립니다. 자바스크립트 기본 문법 : 기본 동작의 취소 웹브라우저의 구성요소들은 각각 기본적인 동작 방법을 가지고 있습니다. 텍스트 필드에 포커스를 준 상태에서 키보드 입력이 들어오면 텍스트가 입력되고, 폼에서 submit 버튼을 누르면 데이터가 전송됩니다. a 태그를 클릭하면 href 속성의 URL로 이동합니다. 이러한 기본적인 동작들을 기본 이벤트라고 하는데 , 사용자가 만든 이벤트를 이용해서 이러한 기본 동작을 취소할 수 있습니다. inline 방식 이벤트의 리턴값이 false이면 기본 동작이 취소됩니다. 예시를 들어보도록 하겠습니다. prevent event on opentutorials 위 그림과 같이 .. 2021. 2. 10. 이전 1 2 다음
