2016-12-16 3 views
0

Я написал коды jQuery, которые задают функцию с именем «checkPage», которая будет выполняться при полной загрузке DOM. Функция «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 будет вызывать функцию с набором аргументов события.

Смежные вопросы