728x90
mousemove 이벤트가 발생할 때마다 마우스 포인터의 좌푯값을 각각 <span>에 출력하는 예제를 통해 알아보자.
| <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 이벤트 </title> <script src="js/jquery.js"></script> <script> $(function( ) { $(document).on("mousemove", function(e) { $(".posX").text(e.pageX); $(".posY").text(e.pageY); }); }); </script> </head> <body> <h1>mousemove</h1> <p>X : <span class="posX">0</span>px</p> <p>Y : <span class="posY">0</span>px</p> </body> </html> |
'내마음대로만들어보자 > JS' 카테고리의 다른 글
| focus() / blur() / focusin() / focusout() 메서드 (0) | 2021.08.23 |
|---|---|
| scroll() 이벤트 메서드 (0) | 2021.08.23 |
| mouseeter() / mouseleave()메서드 (0) | 2021.08.23 |
| mouseover() / mouseout() / hover() (0) | 2021.08.22 |
| 클릭 이벤트 차단하기 - preventDefault() (0) | 2021.08.22 |
