如何在three.js中检测模型上的onclick？

model.addEventListener('click', onClick);

function onClick(event) {
  // 点击事件的处理逻辑
}

function onClick(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;
  // 处理点击事件的逻辑
}

function onClick(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;
  
  var raycaster = new THREE.Raycaster();
  raycaster.setFromCamera(new THREE.Vector2(mouseX, mouseY), camera);
  
  // 处理点击事件的逻辑
}

function onClick(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;
  
  var raycaster = new THREE.Raycaster();
  raycaster.setFromCamera(new THREE.Vector2(mouseX, mouseY), camera);
  
  var intersects = raycaster.intersectObjects(scene.children);
  
  // 处理点击事件的逻辑
}

function onClick(event) {
  var mouseX = event.clientX;
  var mouseY = event.clientY;
  
  var raycaster = new THREE.Raycaster();
  raycaster.setFromCamera(new THREE.Vector2(mouseX, mouseY), camera);
  
  var intersects = raycaster.intersectObjects(scene.children);
  
  if (intersects.length > 0) {
    var clickedModel = intersects[0].object;
    // 处理被点击的模型的逻辑
  }
}