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

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
    }
});