js tab选项卡禁止切换

<div id="tabs">
  <ul>
    <li><a href="#tab1" onclick="return false;">Tab 1</a></li>
    <li><a href="#tab2" onclick="return false;">Tab 2</a></li>
    <li><a href="#tab3" onclick="return false;">Tab 3</a></li>
  </ul>
  <div id="tab1">Content for Tab 1</div>
  <div id="tab2">Content for Tab 2</div>
  <div id="tab3">Content for Tab 3</div>
</div>

document.querySelectorAll('#tabs ul li a').forEach(link => {
  link.addEventListener('click', function(event) {
    event.preventDefault();
  });
});

#tabs ul li a.disabled {
  pointer-events: none;
  color: grey;
}

<li><a href="#tab1" class="disabled">Tab 1</a></li>