jquery - 单击了单元格的哪一侧

Question

我有一个表格“网格”，其中包含多行(例如 50 行)和多列(例如 50 行)，它们的大小都在 20 像素左右。用户可以单击并更改单元格背景颜色，这是相关的，因为我认为它需要保留一个表格。我想让用户沿着网格“画”线。是否有可能检测到他们单击了单元格的哪一侧或单击了最接近的单元格的哪一侧？那么我可以将该边框设置为 x 像素吗？

Answer 1

捕获鼠标指针的 x 和 y 坐标并进行一些简单的数学运算很简单。例如:

$("td").mousemove(function(e) {
    var xpos = e.pageX;
    var ypos = e.pageY;
    console.log(xpos + " " + ypos);
    if(xpos < $(this).width() / 2) {
        console.log("somewhere left");    
    } else {
        console.log("somewhere right");   
    }
});

Demo.