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

Question

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

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

插图：

1）myDiv高度继承<td>元素

的大小

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

2）当myDiv被拖到下面的<td>元素时，会触发ng-mouseenter <td>个myDiv事件并将我<td>的高度倍增关于+-------+ | myDiv | | | | | | | | = | +-------+ ＆＃39;

的数量

myDiv

问题：

由于<td>已调整大小并重叠在myDiv元素之上，ng-mouseenter似乎阻止了myDiv因为它位于元素顶部而触发与事件。因此，使用不能减小tab["key1"]["key2"]["key3"]...["keyn-1"]["keyn"] = "value" 的大小。有没有办法触发事件，即使元素在它上面？

Answer 1

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

在此处查看更多信息：Pass mouse events through absolutely-positioned element