티스토리 뷰
1. 마우스 이벤트 - 역할
마우스 반응에 따른 이벤트
2. 마우스 이벤트 - 정리
이벤트 이름 | 설명 |
click | 마우스 클릭시 발생 |
dbclick | 마우스 더블클릭시 발생 |
mousedown | 마우스 버튼을 눌렀을 때 발생 |
mouseup | 마우스 버튼을 땔 때 발생 |
mouseenter | 마우스가 외부→내부로 이동할 때 발생 |
mouseleave | 마우스가 내부→외부로 이동할 때 발생 |
mousemove | 마우스가 움직일 때 발생 |
mouseout | 마우스가 벗어날 때 발생 |
mouseover | 마우스가 들어올 때 발생 |
3. 마우스 이벤트 - 예제
◈ 코드
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script src="https://code.jquery.com/jquery-1.11.3.js" type="text/javascript"></script> <script> $(document).ready(function () { $('h1').mouseover(function() { $(this).css('color','red'); }).mouseout(function(){ $(this).css('color','blue'); }); }); </script> <body> <h1>test</h1> </body> |
◈ 결과화면
- 아무 작업도 하지 않는 처음 작업
- 글자 위에 마우스를 올려놓았을 때
'[개발]프로그래밍 > jquery' 카테고리의 다른 글
| [jquery] 윈도 - 이벤트 정리 (0) | 2016.10.20 |
|---|---|
| [jquery] 키보드 - 이벤트 정리 (0) | 2016.10.20 |
| [jquery] stopPropagation() - 이벤트 전달을 제거 (0) | 2016.10.17 |
| [jquery] off() , one() - 이벤트 제거 (0) | 2016.10.17 |
| [jquery] hover() - 마우스가 올라왔을 때,떠났을 때 (0) | 2016.10.17 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday