检测网页中的鼠标光标类型变化

Question

当鼠标光标悬停在不同的页面元素上时，是否会触发任何事件？

最好是这样的事件：

window.onmousecursorchange = function(e) {
    // e would contain information about the cursor
    // eg. e.type could contain 'text','pointer', etc..
}

注意：解决方案不应涉及jQuery或其他库

更新：

“可能重复”的问题是用 jQuery 标记的，事实上所有的答案（没有一个能解决问题）都是基于 jQuery。我正在寻找一个纯 JavaScript 解决方案。如果版主认为这不足以让这个问题保持开放，请随时关闭。

Answer 1

你可以试试这个：

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

它使用事件冒泡来提高性能并节省代码。

Answer 2

是的，事件onmouseenter

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

Answer 3

$(function(){

    $('*').hover(function(){
        $(this).data('hover',1); //store in that element that the mouse is over it
    },

    function(){
        $(this).data('hover',0); //store in that element that the mouse is no longer over it
    });

    window.isHovering = function (selector) {
        return $(selector).data('hover')?true:false; //check element for hover property
    }
});