標準の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') ; 
}); 

OR JQueryを使用することなく、次のようになります。

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