Question

我需要一个使用jquery的示例，使用ajax将<div>（左上角像素）的当前x，y位置发送到php文件，然后可以处理该位置。

Answer 1

假设最新版本的JQuery，您可以使用以下内容，因为您的div的ID是“divName”：

$("#divName").offset();

供参考：http://docs.jquery.com/CSS/offset

Answer 2

对于x，y坐标，您可以使用维度插件（位置函数）：http://docs.jquery.com/Plugins/dimensions

Answer 3

var cX = 0; var cY = 0; 
//Follow mouse around.. (platform independent, based on document dimensions, not window)
$().mousemove(function(e){ 
 cX = e.pageX;
     cY = e.pageY;
});

然后，根据需要使用cX和cY变量。它会自动考虑滚动偏移。非常简单/方便，DHTML从来没有这么好用过！

如果您只需要某个元素，可以使用简单的css样式选择器来获取它，例如：

$("#myid").mousemove...
$(".myclass").mousemove...
$("table tr").mousemove...
$(".interestingdivclass .subclass input:checkbox").mousemove...

以下问题包含ajax组件：

sending information back and forth with AJAX

Jquery X，Y位置通过ajax发送

3 个答案: