키보드 이벤트
-
jQuery 키보드 이벤트( Keyboard Event) 예제Web/jQuery 2018. 9. 5. 11:08
앞서 jQuery 사이트에서 이벤트 동작법에 대해 학습했다면 코드를 통해 키보드 이벤트 실습. ※모든 jQuery 예제는 아톰(atom)으로 작성했고, 오페라 브라우저를 통해 확인했다. html 문서 작업이 굉장히 편하기 때문에 사용을 권하고, 브라우저는 크롬이나 오페라를 권장한다. 인터넷 익스플로러에서는 같은 결과가 나오지 않는 경우가 굉장히 많을 것이다. ( 브라우저들의 DOM 작성 방법이 표준화되지 않았기 때문) Vacations jQuery Travels - Trip Planner Packages Hawaiian Vacation $399.99 per ticket Tickets: Total Price: $399.99 Call us at 555-25937 to make a reservation tod..
-
jQuery 마우스(mouse), 키보드(keyboard) 이벤트 제어Web/jQuery 2018. 9. 5. 11:06
앞서 포스팅한 클릭 이벤트 제어와 마찬가지로 마우스와 키보드의 동작에 대해 학습법 포스팅. 코드 작성법은 거의 유사하기 때문에 사용 빈도 높은 이벤트와 동작 방법에 대해 알아보자. 1. http://jquery.com 접속 2. API Documentation 클릭3. 마우스 내리면 이벤트에 대한 문서들 나온다. Mouse Events 클릭4. .mouseenter() 클릭샘플 코드 맨 아래에 데모창에 마우스를 움직이면 동작법의 차이에 대해 파악할 수 있다. mouseover / mouseout : 해당 공간 내에서 움직여도 숫자가 증가됨. 이벤트 인식이 중복된다. mouseenter / mouseleave : 해당 공간에 한번 들어가면 나올때까지 한번만 인식됨. 이벤트 인식을 정확히 한다. mouseo..