检测鼠标是否在列边框上方

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');  
    }
});

这是一个jsFiddle