event.pageX

· 2017-09-09 (토) 23:51:04 · 1861

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>

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

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
기타 18-09-28 조회 8,933
jQuery 18-09-21 조회 6,468
기타 18-09-06 조회 3,335
PHP 18-08-29 조회 4,031
JavaScript 18-08-29 조회 6,917
MySQL 18-08-12 조회 3,742
MySQL 18-08-11 조회 3,415
PHP 18-07-31 조회 2,919
PHP 18-07-20 조회 3,314
기타 18-07-12 조회 3,703
PHP 18-07-12 조회 2,919
PHP 18-07-11 조회 4,273
PHP 18-07-06 조회 3,922
JavaScript 18-07-03 조회 3,918
JavaScript 18-06-26 조회 3,605
PHP 18-06-16 조회 6,120
PHP 18-06-05 조회 3,510
OS 18-05-02 조회 3,596
기타 18-05-01 조회 2,973
PHP 18-04-28 조회 3,332
웹서버 18-04-23 조회 2,964
PHP 18-04-14 조회 4,358
기타 18-03-27 조회 3,894
기타 18-03-23 조회 6,318
기타 18-03-16 조회 4,801
JavaScript 18-03-07 조회 5,168
PHP 18-03-02 조회 4,583
JavaScript 18-02-18 조회 5,012
PHP 18-01-30 조회 6,296
jQuery
[jQuery]
18-01-28 조회 3,207