检测鼠标光标类型切换元素

可以在没有预定义光标样式的情况下获取当前光标类型,例如当鼠标经过文本、链接时。

大概是这样的:

document.addEventListener('mouseover', (e) => {
  console.log(e.'cursorType')
});

我想进入控制台。记录光标的状态,如:指针、文本、移动、等待.

我在jQuery中找到了某种解决方案,但我正在寻找纯香草JS

感谢您的答复


解决方案

因为它可能尚未内联定义,所以您需要计算样式:

我使用单击此处,因为它更易于演示

document.addEventListener('click', e => {
  const tgt = e.target;
  const inline = tgt.style.cursor || "Not defined"
  const computed = window.getComputedStyle(tgt)["cursor"]
  console.log("Inline: ",inline,"Computed: ",computed)
});
.help { cursor: help }
<span style="cursor:pointer">Inline Pointer</span>
<hr>
<span class="help">CSS help</span>

相关文章