Question

我很想破解为插件添加功能。

我的情况是div被覆盖在具有许多单元格的表的顶部。这个div跨越桌子下面的许多单元格。但它没有嵌入表中 - 如上所述;但实际上是在屏幕上设置绝对x，y坐标。

如果我点击浮动div我可以得到jsEvent鼠标坐标x，y ..

然后我如何使用这些坐标来获取更多数据，例如该坐标处所有元素的css，例如单击x，y下面的单元格类，id等？或直接在下方或上方的所有细胞。

我正在尝试使用jQuery。任何建议。

Answer 1

这应该有效（鼠标和鼠标是coords）：

$('td').each(function(index) {
    var offset = $(this).offset();
    if ((offset.left + $(this).outerWidth()) > mousex && offset.left < mousex && (offset.top + $(this).outerHeight()) > mousey && offset.top < mousey) {
       // $(this).css...
    }
  });

Answer 2

像这样：

$("#div").click(function(event){
  var x = event.pageX, y = event.pageY;
  var $clickedTd = $("#table td").filter(function(){
    var tdx = $(this).offset().left, tdy = $(this).offset().top;
    var tdw = $(this).width(), tdh = $(this).height();
    return (x >= tdx && x <= tdx+w && y >= tdy && y <= tdy + tdh);
  });
  //Here you have a reference to the clicked cell in $clickedTd. use it as you want;
});

我们正在做的是找到我们点击的地方的td（获取div点击坐标）。

干杯

获取屏幕坐标的CSS

2 个答案: