事件
TresJS 组件在交互时会触发鼠标事件。适用于继承自 THREE.Object3D 的 three.js 类的组件（例如网格、组等）。
鼠标事件
html
<TresMesh
@click="(intersection, pointerEvent) => console.log('单击', intersection, pointerEvent)"
@pointer-move="(intersection, pointerEvent) => console.log('移动', intersection, pointerEvent)"
@pointer-enter="(intersection, pointerEvent) => console.log('移入', intersection, pointerEvent)"
@pointer-leave="(intersection, pointerEvent) => console.log('移出', pointerEvent)"
/>| 事件 | 在 ... 触发 | 事件参数类型 |
|---|---|---|
| click | ... 在同一对象上依次触发的 pointerdown 和 pointerup 事件 | Intersection, PointerEvent |
| pointer-move | ... 鼠标在对象上方移动 | Intersection, PointerEvent |
| pointer-enter | ... 鼠标移入对象 | Intersection, PointerEvent |
| pointer-leave | ... 鼠标移出对象 | PointerEvent |
返回的 Intersection 包括触发事件的 Object3D 。您可以通过intersection.object 访问它。
默认情况下，不会阻止事件冒泡。可以通过使用blocks-pointer-events 属性来实现此行为。