如何确保事件在适当的DIV上触发？

Question

我有以下2种可能的HTML结构

<div id="threeJSContainer">
</div>
<div id="UIControls">
    <div ng-include src="'scripts/angular/UI.html'"></div>
</div>

上面的代码允许我在UIControls div中插入一个富文本编辑器，它按预期工作。但是，由于UICOntrols使用CSS将absolute定位在全屏幕上，消耗threeJSContainer三个3d场景上的鼠标事件而不是在UIControls div上触发。

<div id="threeJSContainer">
    <div id="UIControls">
        <div ng-include src="'scripts/angular/UI.html'"></div>
    </div>
</div>

此代码适当地触发鼠标事件，并且我能够使用鼠标控件移动我的threejs场景，但现在由于UICOntrols是threeJScontainer中的子div，富文本编辑器插件textAngular无法按预期工作。键入工作正常，但鼠标事件根本不起作用，除了选择要输入的富文本编辑器框。

Answer 1

不要重叠div，鼠标事件将有不同的目标

使用第一个代码并将div＃threeJSContainer位置也作为绝对值，只需要将第一个div放在第二个div下面的顶部css标记