如何在按钮点击时获取div的坐标

时间:2014-11-22 18:30:54

标签: javascript jquery function coordinates offset

当我点击按钮时,我试图找出id为#23的div的坐标,该按钮名为arrowR。问题是它不断返回鼠标在按钮上的坐标。单击按钮时,有没有办法获取页面内div的坐标?我正在使用的脚本如下:

$('#arrowR').click(function(e)
{   

    var offset_l = $(this).offset().left - $('#23').scrollLeft();

    var left = Math.round( (e.clientX - offset_l) );



if (left != 62) {
    alert("Left: " + left );
    } else {
    alert("works");
    }


});

2 个答案:

答案 0 :(得分:1)

取自How do I find the absolute position of an element using jQuery?

var position = $(element).offset();

答案 1 :(得分:1)

你得到了按钮的偏移量,你想要div的偏移量:

<强> FIDDLE

$('#arrowR').click(function (e) {
    var coords = $('#23').offset(); // <-- This.
    $('#coords-left').val(coords.left);
    $('#coords-top').val(coords.top);
});

我已经将一个元素绝对放在坐标处,这样你就可以在小提琴中看到它匹配。