2016-12-16 90 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将调用你的函数与事件参数设置。