单击了哪一侧单元格

Question

我有一个表'网格',有多行,比如说50,还有多个列,比如50,大约是20px的正方形.用户可以单击并更改单元格bg颜色,这是相关的,因为我认为它需要保持一个表.我想让用户沿着网格'绘制'线条.是否有可能检测到他们点击或点击最接近的单元格的哪一侧？所以我可以将边框设置为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");   
    }
});

演示.