在瀏覽器的開發人員工具上攔截鼠標指針更改

Question

當它發生更改時，是否有使用斷點或類似的方法攔截鼠標光標的可能性？使用真正的瀏覽器開發人員工具

例如，當我懸停一個包含style =「cursor：pointer;」的div時，它停在開發者工具中，警告我鼠標指針已經改變，當我將鼠標懸停在外時，它再次觸發警告我鼠標指針再次改變了？

Answer 1

閱讀this article我發現在第3項

解決以下步驟：

1. 轉到在元素選項卡上的特定HTML節點;
2. 右鍵單擊元素
3. 文本菜單>打破>屬性修改
4. 定義將被改變
5. 火災的變化

之後的屬性值，我可以看到哪裏這個改變是在源代碼標籤中使用CallStack部分的代碼中完成的。

Answer 2

可以綁定一個事件到頁面上的所有元素，並檢查光標風格：

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

這隻能如果你想映射它有「光標」風格propertie的所有元素。