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

event.pageX

· 8년 전 · 1409

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>

댓글 작성

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

로그인하기

게시글 목록

번호 제목
16286
16281
16277
16276
16268
16266
16264
16263
16262
16259
16258
16257
16255
16233
16229
16222
16220
16219
16217
16214
16213
16211
16207
16205
16197
16195
16192
16191
16188
16187