cursor:col-resize 释放后禁止触发其他点击事件

`cursor:col-resize` 是 CSS 中的一个样式属性，它通常用于表示鼠标悬停在一个列上时变成双向箭头，表示可以调整列宽。当用户开始调整列宽度并释放鼠标时，浏览器默认的行为可能是继续响应后续点击事件，比如切换元素状态或者激活某个链接。

如果你想在用户完成列宽调整后阻止其他的点击事件，你需要通过JavaScript来实现这一功能。一种常见的做法是在列调整期间设置一个标记（如`dragging`状态），并在该状态下监听鼠标释放事件。当检测到鼠标释放并且`dragging`状态取消时，你可以清除所有其他事件处理器或者设置一个阻止默认行为的标志：

// 假设有一个元素有 colResize 类
document.querySelectorAll('.col-resize').forEach(element => {
  element.addEventListener('mousedown', startDrag);
  element.addEventListener('mouseup', endDrag);
});

function startDrag(event) {
  // 设置 dragging 状态
  element.classList.add('dragging');
  event.preventDefault(); // 阻止默认行为
}

function endDrag(event) {
  if (element.classList.contains('dragging')) { // 如果仍在拖动
    element.classList.remove('dragging'); // 清除状态
    // 移除或禁用后续的 click 或者其他事件处理器
    element.removeEventListener('click', handleClick);
  }
}

在这个例子中，`handleClick` 是一个假设的点击事件处理函数，它会被移除直到列调整结束。当你需要再次启用这些事件时，可以再添加回去。