我编写了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>
答案 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将使用事件参数集调用您的函数。