精确点击时未触发三个js raycast对象mousedown事件

Question

您好我尝试使用raycast捕获三个js中的文本对象的点击事件。

1. 事件正在触发
2. 问题是当我完全点击对象时它没有被触发。
3. 当我点击上面的对象时，它触发了事件。

下面是我的代码段

  // CLick event binding
                        var mouse = new THREE.Vector3();                  
                        mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
                        mouse.y = -(event.clientY  / window.innerHeight) * 2 + 1;
                      //  mouse.z = 0.5;
                      //  mouse.normalize();
                        var raycaster = new THREE.Raycaster();                       
                        raycaster.setFromCamera(mouse, camera);

                        var intersects = raycaster.intersectObjects( sceneObjects);

1. 单击下方快照中的高亮区域时会触发事件。 （不是预期的对象）



1. 但实际上当我点击图片中突出显示的区域时需要触发。