Question

是否有可能在更改时使用断点或类似的东西拦截鼠标光标？使用实际浏览器的开发人员工具？

例如，当我悬停一个包含style =“cursor：pointer;”的div时它在开发人员工具中停止警告我鼠标指针已经改变，当我将鼠标指针悬停时它会再次触发警告我鼠标指针再次改变了吗？

Answer 1

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

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

这仅适用于您要映射的所有元素都有＆＃34;光标＆＃34;风格属性。

Answer 2

阅读this article我在第3项中找到了解决方案。

以下步骤：

转到Elements＆＃39;处的特定HTML节点。标签;
右键点击元素
ContextMenu＆gt;打破＆gt;属性修改
为将要更改的属性定义值
触发更改

之后，我可以注意到使用Sources＆＃39;上的CallStack部分在代码中进行了哪些更改。标签

在浏览器的开发人员工具上拦截鼠标指针的变化

2 个答案: