수

event.pageX

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

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에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
jQuery
[jQuery]
17-09-09 조회 1,864
jQuery 17-09-09 조회 2,690
jQuery 17-09-09 조회 4,081
PHP 17-09-08 조회 6,134
기타 17-09-08 조회 2,420
기타 17-09-08 조회 2,243
기타 17-09-08 조회 2,536
jQuery 17-09-07 조회 2,142
jQuery 17-09-07 조회 1,854
jQuery 17-09-07 조회 2,646
jQuery 17-09-06 조회 2,334
jQuery
[jQuery]
17-09-06 조회 2,092
jQuery 17-09-06 조회 2,377
jQuery
[jQuery]
17-09-05 조회 1,782
jQuery
[jQuery]
17-09-05 조회 2,061
jQuery
[jQuery]
17-09-05 조회 1,750
jQuery
[jQuery]
17-09-02 조회 1,686
jQuery 17-09-02 조회 1,997
jQuery 17-09-02 조회 2,095
jQuery 17-09-01 조회 2,092
jQuery 17-09-01 조회 2,242
jQuery 17-09-01 조회 1,972
jQuery 17-08-31 조회 2,331
jQuery 17-08-31 조회 2,443
jQuery 17-08-31 조회 1,877
PHP 17-08-31 조회 3,297
jQuery 17-08-29 조회 1,883
jQuery 17-08-29 조회 2,063
jQuery 17-08-29 조회 2,145
jQuery 17-08-27 조회 2,011