javascript - 如何在逻辑上划分TD cell

Question

我有带有背景图像的 HTML 表格单元格 (TD)。单元格的左半边有一种背景颜色，右半边有另一种颜色。现在我想在逻辑上划分这个单元格；当我单击（或鼠标悬停）此单元格的左半部分以具有一种功能时，当单击（或鼠标悬停）同一单元格的右半部分以具有另一种功能时。如何实现对同一单元格的这种逻辑划分？我想避免在单元格内使用两个 DIV（或类似）元素，并且仅在现有的 TD 单元格元素上实现这一点。

Answer 1

您可以尝试使用图像映射（此处类似的 SO 问题Using JQuery hover with HTML image map），但在我看来，使用 2 个图像和 div 更容易。