jQuery Resizeable document.getElementFromPoint FF返回错误的值

jQuery Resizeable document.getElementFromPoint FF返回错误的值,jquery,Jquery,第一件事:我几年前问过这个问题,但现在发现它在FF中不起作用:-( 我在表中有一个可调整大小的div,我想找出第一个td的id,在那里我停止调整div 由于代码段工作不正常,请参阅下面的代码段和 在Chrome中一切正常 要在我使用的已调整大小的div下面获取元素 var elem = document.elementFromPoint(x, y); 为了获取时间(第一个td的id),我调用 Chrome返回正确的id(参见JSFIDLE) Firefox也返回了一个id,但始终是我开始调整

第一件事:我几年前问过这个问题,但现在发现它在FF中不起作用:-(

我在表中有一个
可调整大小的div
,我想找出第一个
td
id
,在那里我停止调整
div

由于代码段工作不正常,请参阅下面的代码段和

在Chrome中一切正常

要在我使用的已调整大小的div下面获取元素

var elem = document.elementFromPoint(x, y);
为了获取时间(第一个
td
的id),我调用

Chrome返回正确的
id
(参见JSFIDLE)

Firefox也返回了一个
id
,但始终是我开始调整大小的
td
id

因此,当我将
div
从08:00调整到09:00时,Chrome会返回32400,这是正确的

Firefox返回的28800不正确

(我知道
id
应该总是以字母数字字符开头;-))

谢谢你的帮助!我真的很感激

$(“#测试”).mouseover(函数(){
$(此)。可调整大小({
网格:45,
自动隐藏:对,
开始:功能(事件、用户界面){
$(this.data('origHeight',ui.originalSize.height);
},
调整大小:函数(事件、ui){
ui.size.width=ui.originalSize.width;
$(this.css)({
线宽:ui.size.height+'px',
zIndex:8000
});
},
停止:功能(事件、用户界面){
变量y=($(this.offset().top+ui.size.height);
var x=$(this).offset().left;
var elem=document.elementFromPoint(x,y);
变量时间=$('td:first',$(elem).parents('tr')).attr('id');
console.log($(elem));
console.log(时间);
}
})
});
.dragDiv{
背景色:#14A07D;
背景:线性梯度(#1BD6A7,#14A07D);
背景剪辑:填充框;
显示:表格;
文本对齐:居中;
宽度:100%;
身高:100%;
位置:绝对位置;
溢出:隐藏;
z指数:2;
顶部:0px;
左:0px;
颜色:#FFFFFF;
字体大小:粗体;
空白:预处理;
边界半径:2px;
}
.德拉格迪夫:悬停{
光标:-webkit抓取;
光标:-moz抓取;
背景:#ff0080;
背景:线性梯度(#fe78ad,#ff0080);
}
桌子{
宽度:100%;
边界塌陷:塌陷;
字体大小:13px;
边界半径:10px;
-webkit边界半径:10px;
-moz边界半径:10px;
背景色:#FFFFFF;
}
桌子
th,
运输署{
边框底部:1px虚线#f0ec;
边框顶部:1px虚线#f0ec;
右边框:1px实心#e9e9e4;
右边框:1px实心#e9e9e4;
*高度:16px;
字体大小:12px;
文本对齐:居中;
}
运输署{
位置:相对位置;
}

08:00
1.
试验
2.
3.
4.
5.
6.
08:30
1.
2.
3.
4.
5.
6.
09:00
1.
2.
3.
4.
5.
6.
09:30
1.
2.
3.
4.
5.
6.
问题已解决

var elem = document.elementFromPoint(Math.round(x), y)
x的值四舍五入解决了这个问题。不知道为什么,但它是有效的

var elem = document.elementFromPoint(Math.round(x), y)