Css2dObject是Three.js中的一個對象，它可以用來在3D場景中創建2D元素，比如文字和圖像。一個非常有用的功能是對這些2D元素進行單擊事件的監聽。

// 創建文本對象
let text = new THREE.TextGeometry("Hello World", {
font: font,
size: 50,
height: 5
});
// 創建材料
let material = new THREE.MeshBasicMaterial({
color: 0xffffff
});
// 創建Css2dObject對象，并添加到場景中
let cssObject = new THREE.CSS2DObject(document.createElement("div"));
cssObject.position.set(0, 0, 0);
cssObject.scale.set(1 / 80, 1 / 80, 1 / 80);
cssObject.element.appendChild(text);
scene.add(cssObject);
// 監聽單擊事件
cssObject.element.addEventListener("click", function() {
alert("Hello World");
});

上面的代碼演示了如何創建Css2dObject對象、添加到場景中，并在其上監聽單擊事件。當用戶在文本對象上單擊時，將彈出一個"Hello World"的提示框。

值得注意的是，Css2dObject對象的位置、旋轉和縮放都是以2D坐標系來控制的。默認情況下，它位于3D場景的原點處，且縮放比例為1。因此，為了讓2D元素顯示在正常位置，請設置合適的位置和縮放比例。