此对象位于.mouseenter()函数

时间:2014-06-23 14:12:55

标签: javascript jquery

我有一个简单的问题(我希望这很简单)。我正在使用10个div(div1,div2 ......),我想计算两个div之间的距离。我已经点击了一个,它取了课(img.home)。我有计算两个对象showdistance(div1, div2)之间距离的函数,但是如何使用它来计算showdistance ($('img.home').parent()[0], $(this) )其中(this)是div,我的光标指向的时刻{{ 1}}

提前致谢, 如果需要的话,我可以用完整的代码制作一个jsfiddle,但是我认为这是一个相当简单的事情,我不知道,代码是一个很大的部分,这样更容易。

最好的问候。

1 个答案:

答案 0 :(得分:1)

将您最后点击的元素存储在变量中。 然后比较输入元素时的位置。

如果您愿意,可以应用topleftrightbottom

var clicked = null;

$("someSelection").click(function() {
    clicked = $(this);
});

$("someSelection").mouseenter(function() {

    // if-statement to ensure that the event won't fire if you haven't clicked one
    if(clicked !== null) {
        console.log($(this).position().top - clicked.position().top);
        console.log($(this).position().left - clicked.position().left);
    }
});