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的OR将是：

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

有没有办法在标准的html元素上获取鼠标/光标图标

1 个答案: