您需要为mouseenter和mouseleave添加事件侦听器，以手动应用和删除悬停样式。然后在你的JS中为mouseenter和mouseleave添加事件监听器。当鼠标指针进入.title_bar元素时，拖动功能将暂时禁用，并应用悬停效果

.title_bar {
  -webkit-app-region: drag;
  background-color: #050505;
}

.title_bar-hover {
  background-color: aqua;
  pointer-events: auto;
}

window.addEventListener('DOMContentLoaded', () => {
  const titleBar = document.querySelector('.title_bar');

  titleBar.addEventListener('mouseenter', () => {
    
    titleBar.style.webkitAppRegion = 'no-drag';
    titleBar.classList.add('title_bar-hover');
  });

  titleBar.addEventListener('mouseleave', () => {
    
    titleBar.style.webkitAppRegion = 'drag';
    titleBar.classList.remove('title_bar-hover');
  });
});