检测鼠标光标类型在元素上的更改

Question

可以在没有预定义的光标样式的情况下获得当前的光标类型，就像鼠标通过文本、链接…

大概是这样的：

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

我想在控制台中记录光标的状态，如：指针、文本、移动、等待...

我在jQuery中找到了某种解决方案，但我想在纯香草JS中找到一个

谢谢你的回答

Answer 1

尝试记录e.target.style.cursor。我认为这将为您提供DOM元素mouseover上的光标类型。

Answer 2

您可以从CSS属性“Cursor”中获得它，如下所示：

document.addEventListener('mouseover',function(e){
    var cursor = e.target.style.cursor;
    console.log(cursor);
},false);