javascript - 检测鼠标是否在列边框上

Question

有人知道如何通过 jQuery 或 JavaScript 检测鼠标是在列边框还是单元格边框上吗？

我想在特定表上实现列大小调整。

感谢任何帮助。

Answer 1

您应该检查 offsetX 和 offsetY 是否小于 border-width，如果是，则您在边界内，还要检查 offsetX 是否大于 innerWidth 或 offsetY 是否大于 innerHeight

$('td').hover(function(e){
    var border_width = parseInt($(this).css('border-width'));
    if(e.offsetX < border_width || e.offsetX > $(this).innerWidth() || e.offsetY < border_width || e.offsetY > $(this).innerHeight()){
        console.log('This is the border');  
    }
});

Here's a jsFiddle