有什麼辦法在標準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; 
    } 
});