javascript - AngularJS - 触发另一个元素后面的元素的 ng-mouseenter

Question

<div> <td>里面的内容可以通过拖动<div>的底部来调整元素的大小一直到<td>下面。

<td>另一方面，元素具有 ng-mouseenter 事件，该事件会触发调整拖动的 <div> 的大小。内容。

插图:

1) myDiv高度继承 <td> 的大小元素

+-------+
| myDiv |
|   =   |
+-------+
|       |
|       |
+-------+

2) 当myDiv时被拖到<td>下面的元素，ng-mouseenter事件<td>被触发并乘以我的 myDiv 的高度基于<td>的数量的

+-------+
| myDiv |
|       |
|       |
|       |
|   =   |
+-------+

问题:

自 myDiv调整大小，并重叠在 <td> 的顶部元素，好像myDiv防止 ng-mouseenter由于它位于带有事件的元素顶部，因此不会触发。因此，使用将无法减小myDiv的大小。 。有没有办法即使元素位于其顶部也可以触发事件？

Answer 1

我猜想，一个解决方案是在拖动开始后将 div 中的 pointer-events 设置为 none。这意味着指针事件将通过 div 并应由 td 接收。

查看此处了解更多信息:Pass mouse events through absolutely-positioned element