테스트 사이트 - 개발 중인 베타 버전입니다

event.pageX

· 8년 전 · 1404

event.pageX


설명 : 문서의 왼쪽 가장자리를 기준으로 한 마우스 위치입니다.


예:

이 iframe 내에서 문서의 왼쪽 및 위쪽 가장자리를 기준으로 마우스 위치를 표시합니다.


<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>event.pageX demo</title>

  <style>

  body {

    background-color: #eef;

  }

  div {

    padding: 20px;

  }

  </style>

  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>

</head>

<body>

 

<div id="log"></div>

 

<script>

$( document ).on( "mousemove", function( event ) {

  $( "#log" ).text( "pageX: " + event.pageX + ", pageY: " + event.pageY );

});

</script>

 

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
16181
16175
16173
16172
16170
16168
16167
16161
16152
16145
16133
16131
16128
16122
16117
16102
16099
16095
16089
16088
16077
16065
16060
jQuery atj.js 3
16055
16052
16051
16050
16046
16039
16027