如何在JavaScript中取消元素的:active状态？

// 获取元素
const element = document.getElementById('myElement');

// 添加点击事件监听器
element.addEventListener('click', function() {
  // 移除CSS类来取消:active状态
  element.classList.remove('active');
});

// 获取元素
const element = document.getElementById('myElement');

// 添加mousedown事件监听器
element.addEventListener('mousedown', function(event) {
  // 阻止默认行为来取消:active状态
  event.preventDefault();
});

// 添加mouseup事件监听器
element.addEventListener('mouseup', function(event) {
  // 阻止默认行为来取消:active状态
  event.preventDefault();
});

// 获取元素
const element = document.getElementById('myElement');

// 添加点击事件监听器
element.addEventListener('click', function() {
  // 添加CSS类来设置:active状态
  element.classList.add('active');

  // 延迟一段时间后移除CSS类来取消:active状态
  setTimeout(function() {
    element.classList.remove('active');
  }, 100);
});