如何在侧边栏打开时禁用内容？

.sidebar {
  /* 侧边栏样式 */
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  z-index: 9999; /* 设置较高的层级 */
}

const sidebar = document.querySelector('.sidebar');
const content = document.querySelector('.content');

sidebar.addEventListener('click', (event) => {
  event.preventDefault(); // 阻止默认行为
  event.stopPropagation(); // 停止事件冒泡
});

const sidebar = document.querySelector('.sidebar');
const content = document.querySelector('.content');

sidebar.addEventListener('click', () => {
  content.classList.add('disabled'); // 添加禁用样式类
});

content.addEventListener('click', () => {
  content.classList.remove('disabled'); // 移除禁用样式类
});