JavaScript将mouseenter事件传递给另一个元素下面的元素

Question

我正在尝试构建一个类似Google日历的小日历应用。我正在尝试使用单击和拖动功能创建事件，以便事件与网格对齐。我试着 将拖动绑定到事件DIV元素下方的TD元素，该元素在向下移动时工作（延长事件），但它不能向上移动（缩小事件）。

发生的事情是为事件DIV元素触发了mouseenter事件，但从不为底层TD触发它。如果您尝试通过向上移动来调整DIV的大小，则可以正常工作，因为TD实际上会收到鼠标中心事件。

Google日历和jQuery周日历使用mousemove事件，但是每个像素都会触发mousemove事件，这似乎很浪费。有没有办法在不使用mousemove事件的情况下编写它？

是否可以将DIV元素放在桌子和TD之后？如果表格有些透明，用户仍然可以看到DIV，但实际上是在TD上发射事件。我尝试用z-index执行此操作，但它似乎并没有真正起作用。

jsFiddle示例代码：http://jsfiddle.net/rockymeza/8SHpA/

Answer 1

听起来你遇到了类似的问题：

你想在一个元素后面发射事件？答案是CSS。设置指针事件：无;到了父母。

我做了一个测试，试图在触摸设备上实现相同的行为（不成功）。您可以在http://www.hakoniemi.net/misc/pointer-events.html查看是否可以帮助解决您的问题。