如何禁用除一个对象之外的视图的用户交互？

.disable-interaction {
  pointer-events: none;
}

<div class="disable-interaction">
  <!-- 需要禁用交互的内容 -->
</div>

function disableInteraction(exceptElement) {
  const elements = document.querySelectorAll('body *');
  elements.forEach((element) => {
    if (element !== exceptElement) {
      element.style.pointerEvents = 'none';
    }
  });
}

// 调用disableInteraction函数，传入需要保留交互的元素
disableInteraction(document.querySelector('#allowed-element'));