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

我正在尝试构建一个类似谷歌日历的小日历应用程序。我正在尝试使用点击和拖动功能创建事件，以便事件与网格对齐。我正在努力 将拖动绑定到event DIV元素下方的TD元素，向下移动（延长事件）时可以工作，但向上移动（收缩事件）时不起作用

发生的情况是，为event DIV元素触发mouseenter事件，但从未为基础TD触发它。如果您试图通过在侧面向上移动来调整DIV的大小，它会起作用，因为TDs实际上接收到mouseenter事件

Google Calendar和jQuery Week Calendar使用mousemove事件，但mousemove事件会针对每个像素触发，这似乎是一种浪费。有没有一种不使用mousemove事件的方法来写这个

是否可以将DIV元素放在表和TDs后面？如果表是透明的，用户仍然可以看到DIV，但实际上会在TDs上触发事件。我试图用z-index

z-index

来实现这一点，但它似乎没有真正起作用

---

JSFIDLE示例代码：

听起来您遇到了与我类似的问题：

是否要在元素后面触发事件？答案是CSS。设置指针事件：无；给父母

---

我做了一个测试，尝试在触摸设备上实现相同的行为（未成功）。如果对您的问题有帮助的话，您可以在以下位置进行检查。

当我对事件规范化感到失望时，我只是拿出我的标准函数库和事件，我称之为

jQuery

@zzzBov，我想您不理解我的问题，我实际上在使用jQuery。这不是我遇到的跨浏览器规范化错误。谢谢@zvona，如果我不需要支持IE，我会使用

指针事件

。相反，我选择了

z-index:-1

。我想我可以在表格上使用

z-index:2

，在div上使用

z-index:1

，但我想这不起作用。负的

z指数似乎对我有用。