이 기사의 예에서는 js가 onmousemove 및 onmouseout을 사용하여 마우스 좌표를 얻는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.
다음 js 코드는 onmousemove 및 onmouseout 이벤트의 사용법을 보여줍니다. 지정된 영역 내에서 마우스가 움직일 때 마우스 좌표 정보가 동적으로 표시됩니다
<!DOCTYPE html> <html> <head> <script> function myFunction(e) { x=e.clientX; y=e.clientY; coor="Coordinates: (" + x + "," + y + ")"; document.getElementById("demo").innerHTML=coor } function clearCoor() { document.getElementById("demo").innerHTML=""; } </script> </head> <body style="margin:0px;"> <div id="coordiv" style="width:199px;height:99px;border:1px solid" onmousemove="myFunction(event)" onmouseout="clearCoor()"></div> <p>Mouse over the rectangle above, and get the coordinates of your mouse pointer.</p> <p id="demo"></p> </body> </html>
이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.