본문 바로가기

내마음대로만들어보자/JS83

mouseover() / mouseout() / hover() mouseover() 이벤트 메서드는 선택한 요소에 마우스 포인터를 올릴 때 마다 이벤트를 발생시키거나 선택한 요소에 mouseover이벤트를 강제로 발생시킨다. mouseout() 이벤트 메서드는 선택한 요소에서 마우스 포인터가 벗어날 때마다 이벤트를 발생시키거나 강제로 이벤트를 발생시킨다. hover() 이벤트 메서드는 선택한 요소에 마우스 포인터가 올라갈때와 선탁한 요소에서 벗어날때 각각 이벤트를 발생시킨다. * 예제 Mouse Over/Mouse Out 내용1 Hover 내용2 2021. 8. 22.
클릭 이벤트 차단하기 - preventDefault() 요소에 click 이나 dbclick을 등록하면 클릭할 때마다 에 링크된 주소로 이동하는 문제가 발생한다. 이문제를 해결하려면 요소의 기본 이벤트를 차단해야한다. 요소의 제출버튼(submit)도 action에 등록된 주소로 이동시키는 문제가 발생한다. * 예제 http://www.easyspub.co.kr/" class="btn1">버튼1 내용1 http://www.easyspub.co.kr/" class="btn2">버튼2 내용2 버튼3 내용3 2021. 8. 22.
마우스 이벤트 - click() / dbclick() 메서드 click() 이벤트 메서드는 선택한 요소를 클릭했을때 이벤트를 발생시키거나 선택한 요소에 강제로 클릭 이벤트를 발생시킬때 사용한다. dbclick() 이벤트 메서드는 선택한 요소를 연속해서 두 번 클릭했을때 이벤트를 발생시키거나 선탁한 요소에 강제로 더블 클릭 이벤트를 발생시킨다. 2021. 8. 22.
로딩 이벤트 - ready() / load() 메서드 사용자가 브라우저에서 HTML문서를 요청하여 HTML문서의 로딩이 완료되면 이벤트 핸들러를 실행한다. * 예제 http://place-hold.it/300X300" class="img1"> 2021. 8. 22.

티스토리툴바