javascript - 拦截浏览器开发者工具上的鼠标指针变化

Question

是否有可能在鼠标光标发生变化时使用断点或类似的方式拦截鼠标光标？使用实际浏览器的开发者工具？

例如，当我悬停一个包含 style="cursor:pointer;"的 div 时它在开发人员工具中停止警告我鼠标指针已更改，当我悬停时它再次触发警告我鼠标指针再次更改？

Answer 1

您可以将事件绑定(bind)到页面上的所有元素并检查光标样式:

var oldCursorStyle = 'auto';
var myChangeFunction = function(cursorStyle) {
    console.info('It has changed to: ' + cursorStyle);
};
$('*').mouseenter(function(){
    var currentCursorStyle = $(this).css('cursor');
    if (oldCursorStyle != currentCursorStyle) {
       myChangeFunction(currentCursorStyle);
    }
    oldCursorStyle = currentCursorStyle;
});

这仅在您要映射的所有元素都具有“光标”样式属性时才有效。