如何阻止panolens.js全景图被点击时暂停自动旋转？

问题核心是PANOLENS的OrbitControls默认会在用户触发交互事件（如点击）时暂停自动旋转，即便你设置了noRotate、noZoom等属性为true，底层的事件监听依然会触发暂停逻辑，导致画面停3秒后恢复。

解决步骤： #

• 彻底移除OrbitControls的所有交互事件监听，阻止用户操作触发暂停逻辑
• 强制锁定自动旋转状态，避免意外关闭

修改后的完整代码： #

const panoramaImage = new PANOLENS.ImagePanorama("img/ship.jpeg");
const imageContainer = document.querySelector(".image-container");

const viewer = new PANOLENS.Viewer({
    container: imageContainer,
    autoRotate: true,
    autoRotateSpeed: 0.3,
    controlBar: false
});

// 禁用所有控制并移除事件监听
viewer.OrbitControls.noRotate = true;
viewer.OrbitControls.noZoom = true;
viewer.OrbitControls.noPan = true;
viewer.OrbitControls.dispose(); // 关键：移除所有交互事件绑定

// 强制保持自动旋转状态
viewer.addEventListener('update', () => {
    viewer.OrbitControls.autoRotate = true;
});

viewer.add(panoramaImage);
viewer.onWindowResize();

原理说明： #

• dispose()方法会清除OrbitControls绑定在画布上的所有鼠标、触摸事件监听，用户点击或拖拽时不会触发任何控制逻辑，自然不会暂停自动旋转。
• 监听update事件并强制设置autoRotate = true，可以确保即使有其他逻辑意外修改了这个状态，也能立即恢复自动旋转。

内容的提问来源于stack exchange，提问作者user21338716