三个。js WebGLRenderer画布使用“单击”鼠标事件

一种可能是使用 pointer-events:none 这样画布就不会截获您打算让容器元素使用的鼠标事件:

HTML :

<!-- Your container element -->
<div id="container"> 

    <!-- The nested, child canvas used by THREE -->
    <canvas id="canvas"></canvas> 
</div>

CSS:

/* Prevent the canvas from intercepting mouse events */
#canvas {
    pointer-events:none;
}

JS公司:

/* Register click event with the container element */
document.getElementById('container')
.addEventListener('click', function() {
    alert('click');
});

希望有帮助