有什么方法可以在标准 html 元素上获取鼠标/光标图标

Question

有没有办法确定鼠标在没有css光标样式设置的标准html元素上时的样式或图标？例如，鼠标图标在标准 html 按钮上时从箭头变为手形，或在标准文本输入上时从箭头变为文本输入图标。

此代码仅在元素具有 style.cursor 设置时才有效。

document.addEventListener("mousemove", function(event) {
    //console.log("mouse is down")
     var x = event.clientX, y = event.clientY,
    elementMouseIsOver = document.elementFromPoint(x, y);
  console.log("element="+elementMouseIsOver+" cursor="+elementMouseIsOver.style.cursor)
    })

还有其他方法可以获取标准 html 项的鼠标图标吗？

Answer 1

一个技巧可能是这样的：

var currentCursor = undefined;
$('*').mouseenter(function(){
    currentCursor = $(this).css('cursor') ;
});

或者不使用JQuery 将是：

var currentCursor = undefined;
addEventListener('mouseenter', function(e) {
    if (e.target instanceof HTMLAnchorElement) {
        currentCursor = e.target.style.cursor;
    }
});