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

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

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

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

是否可以将DIV元素放在桌子和TD之后? 如果表格有些透明,用户仍然可以看到DIV,但实际上是在TD上发射事件。 我尝试用z-index做这个,但它似乎没有实际工作。

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

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

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

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