는 clientX 이벤트 속성
이벤트 객체 정의 및 사용
이벤트가 수평 좌표의 브라우저 (또는 클라이언트 영역)에 페이지에 마우스 포인터를 돌려주는 경우는 clientX 이벤트 속성이 트리거됩니다.
클라이언트 영역은 현재 창을 말한다.
문법
event.clientX
예
예
이벤트가 발생하면 다음의 예에서는, 마우스 포인터의 좌표를 나타낸다 :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function show_coords(event){
var x=event.clientX;
var y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function show_coords(event){
var x=event.clientX;
var y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>
</body>
</html>
»시도
이벤트 객체