js鼠标左键按下变成手

<div id="clickableArea">点击这里</div>

#clickableArea {
  width: 200px;
  height: 100px;
  background-color: lightblue;
  text-align: center;
  line-height: 100px;
  cursor: pointer; /* 默认设置为手型 */
}

document.getElementById('clickableArea').addEventListener('mousedown', function(event) {
  if (event.button === 0) { // 检查是否为左键
    this.style.cursor = 'wait'; // 改变鼠标指针为等待状态
  }
});

document.getElementById('clickableArea').addEventListener('mouseup', function(event) {
  if (event.button === 0) { // 检查是否为左键
    this.style.cursor = 'pointer'; // 恢复为手型
  }
});

.non-clickable {
  cursor: default;
}

<div class="non-clickable">这不是可点击的</div>