Javascript 当鼠标指针位于“a”上方时，缩放不起作用；分区；要素

我有一个threejs（即webgl）查看器，在该查看器上，我将简单的2D图标渲染为div元素

我在我的模型上处理“wheel”事件以缩放/zoomout，类似于trackballcontrols在原始源代码中所做的操作，除了一种情况外，它工作正常

这种情况下，当我的鼠标悬停在其中一个2D div元素上时，“滚轮”事件永远不会到达threejs查看器，并且不会发生缩放

div元素是否有默认的“控制盘”事件处理程序，如果没有，会出现什么问题

编辑：

---

我发现“指针事件：无”是这个问题解决方案的一部分，但它也从这个div元素中删除了click属性。我们如何解决它？

这不是一个真正的three.js问题，更像是一个原始的HTML/JavaScript问题

您可以通过创建和分派新事件来强制

控制盘
事件通过

考虑到黄色的
div
是你的三个.js
canvas
，绿色的
div
是你的“浮动”
div



var outer=document.getElementById（“outer”）；
var inner=document.getElementById（“inner”）；
外部。附加的列表器（“轮子”，功能（e）{
console.log（“外部车轮事件打开”，e.currentTarget.id）；
});
内部。添加事件列表器（“轮子”，功能（e）{
var evt=新的鼠标事件（“轮子”{
视图：窗口，
泡泡：是的，
可取消：正确
});
外部调度事件（evt）；
日志（“内部控制盘事件打开”，e.currentTarget.id）；
});
没有任何代码或页面组织，回答起来相当复杂。。。你能提供更多的信息吗？请检查这个问题的“编辑”部分你如何呈现div元素？你能分享你的HTML代码吗？这帮助我解决了这个问题。不过，对于这个问题，我做了一些类似于evt=newWheelEvent（old_event.type，old_event）的事情