Javascript 检测网页中鼠标光标类型的更改

Javascript 检测网页中鼠标光标类型的更改,javascript,html,dom-events,Javascript,Html,Dom Events,当鼠标光标悬停在不同的页面元素上时,是否会触发任何事件 理想情况下,这样的活动: window.onmousecursorchange = function(e) { // e would contain information about the cursor // eg. e.type could contain 'text','pointer', etc.. } 注意:解决方案不应涉及jQuery或其他库 更新: “可能重复”的问题用jQuery标记。事实上,所有答案(没

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

理想情况下,这样的活动:

window.onmousecursorchange = function(e) {
    // e would contain information about the cursor
    // eg. e.type could contain 'text','pointer', etc..
}
注意:解决方案不应涉及jQuery或其他库

更新


“可能重复”的问题用jQuery标记。事实上,所有答案(没有一个能解决问题)都基于jQuery。我正在寻找一个纯JavaScript解决方案。如果主持人认为这还不足以让问题保持开放状态,请随意关闭。

是,在MouseCenter上执行事件

$('*').mouseenter(function(){
    var currentCursor = $(this).css('cursor') ;
    console.log( currentCursor );
});
您可以尝试以下方法:

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

它使用事件冒泡来提高性能和保存代码。

请看,只有在元素事先设置了style.cursor属性的情况下,这不是才有效吗?这两个项目都返回“auto”@FelixKling you's right似乎有点不一致,因为它在Chrome 24上记录了“auto”。这并没有检测到courser的更改,并且使用了很多更难复制的jQuery内容(OP没有提到jQuery)。我只是粘贴了我搜索到的内容。我只是想帮忙。那么如果它是错误的,那么这个人的答案是错误的。这个人得到了最好的答案。首先,你不应该复制另一个答案。如果另一个答案确实合适,你应该投票结束该问题或将该问题标记为与另一个问题的重复。其次,另一个问题是不同的(因此答案不适合这里)。这一个是问如何检测光标形状的变化,另一个是问如何检测光标是否悬停在给定的元素上。是的,对不起,我忘了放置链接,我只是直接放置它,然后转到其他问题。我不知道如何投票结束,这是我第一次加入stackoverflow。我只是很高兴回答:)
document.addEventListener('mouseover',function(e){
    var cursor = e.target.style.cursor;
    console.log(cursor);
});