2016-12-16 89 views
0

我已經寫指定要執行一個名爲「checkPage」功能,當DOM完全加載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將調用你的函數與事件參數設置。