event.pageX

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

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,849
jQuery 17-09-09 조회 2,677
jQuery 17-09-09 조회 4,076
PHP 17-09-08 조회 6,126
기타 17-09-08 조회 2,413
기타 17-09-08 조회 2,228
기타 17-09-08 조회 2,523
jQuery 17-09-07 조회 2,131
jQuery 17-09-07 조회 1,837
jQuery 17-09-07 조회 2,637
jQuery 17-09-06 조회 2,326
jQuery
[jQuery]
17-09-06 조회 2,084
jQuery 17-09-06 조회 2,354
jQuery
[jQuery]
17-09-05 조회 1,773
jQuery
[jQuery]
17-09-05 조회 2,053
jQuery
[jQuery]
17-09-05 조회 1,739
jQuery
[jQuery]
17-09-02 조회 1,680
jQuery 17-09-02 조회 1,985
jQuery 17-09-02 조회 2,090
jQuery 17-09-01 조회 2,083
jQuery 17-09-01 조회 2,228
jQuery 17-09-01 조회 1,965
jQuery 17-08-31 조회 2,323
jQuery 17-08-31 조회 2,435
jQuery 17-08-31 조회 1,867
PHP 17-08-31 조회 3,287
jQuery 17-08-29 조회 1,871
jQuery 17-08-29 조회 2,055
jQuery 17-08-29 조회 2,136
jQuery 17-08-27 조회 1,997