2016-12-16 5 views
0

DOMが完全にロードされたときに実行されるcheckPageという名前の関数を指定するjQueryコードを記述しました。 "checkPage"関数は、ドキュメントの端を基準にしたマウスポインタの位置を返します。ただし、 "checkPage"関数は、ドキュメントの端を基準にしてマウスポインタの位置を返していません。誰か私のコードに間違っていることを教えてもらえますか?あなたの助けが理解されるであろう:)ここ 別のjQueryイベントメソッドの中でjQueryイベントメソッドを呼び出す方法は?

は、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のイベント引数セットを使用して関数を呼び出します発生したとき: でもマウスを聞くために、たとえば試してみてください。

関連する問題