如何在另一个jQuery事件方法中调用jQuery Event Method?

时间:2016-12-16 09:35:22

标签: jquery jquery-events

我编写了jQuery代码,它指定了一个名为" checkPage"的函数。在DOM完全加载时执行。 " checkPage"函数将返回鼠标指针相对于文档边缘的位置。然而," checkPage"函数不返回鼠标指针相对于文档边缘的位置。谁能告诉我我的代码有什么问题?我们将不胜感激您的帮助:)

以下是jQuery代码:

<div id="content">
       <div class="size-3">
         <div class="inputs-root">
           <table class="input-table">
             <tbody >
               <tr>....
               </tr>
             </tbody>
            </table>
        </div>
      </div>
    </div>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

事件变量从侦听器传递,在这种情况下,当你调用checkPage()时;你没有传递任何参数作为参数。 例如,试着听一下鼠标:

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

在这种情况下,当click发生时,jquery将使用事件参数集调用您的函数。