2016-12-16 6 views
0

DOM을 완전히로드 할 때 "checkPage"라는 함수가 실행되도록 jQuery 코드를 작성했습니다. "checkPage"함수는 마우스 포인터의 위치를 ​​문서의 가장자리를 기준으로 반환합니다. 그러나 "checkPage"함수는 문서 가장자리를 기준으로 마우스 포인터의 위치를 ​​반환하지 않습니다. 아무도 내 코드에 무엇이 잘못되었는지 말해 줄 수 있습니까? 당신의 도움이 이해할 수있을 것이다 : 여기 다른 jQuery 이벤트 메서드 내에서 jQuery Event Method를 호출하는 방법은 무엇입니까?

가 jQuery를 코드입니다 :

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      checkPage(); 
     }); 

     function checkPage(event) { 
      $("span").text("X: " + event.pageX + ", Y: " + event.pageY); 
     } 
    </script> 
</head> 
<body> 
    <p>The mouse pointer position is at: <span></span></p> 
    <p>This is a paragraph.</p> 
</body> 
</html> 

답변

1

은 지금부터 당신은 단지 문서 준비 핸들러에서 checkPage() 함수를 호출한다. 그 후 절대. mousemove 이벤트를 바인딩해야합니다.

$(document).ready(function() { 
 
    $(document).on('mousemove', checkPage); 
 
}); 
 

 
function checkPage(event) { 
 
    $("span").text("X: " + event.pageX + ", Y: " + event.pageY); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<p>The mouse pointer position is at: <span></span> 
 
</p> 
 
<p>This is a paragraph.</p>

0

요합니다 (checkPage를 호출 할 때 이벤트 변수,이 경우에는, 수신기로부터 전달되는); 매개 변수로 아무 것도 전달하지 않습니다. 심지어 마우스를 듣고 예를 들어보십시오 :

$('body').on('click', checkPage); 

을이 경우에 click가 JQuery와 이벤트 인수 세트로 함수를 호출합니다 일어날 때.