檢查div的樣式，僅在按下鼠標按鈕時出現

在頁面中，我有一個div，在按住鼠標按鈕的同時添加了JS，隨着按鈕被釋放，該按鈕被刪除。（它是JQuery可拖動的一部分）檢查div的樣式，僅在按下鼠標按鈕時出現

是否可以在Firefox或Chrome（或其他）開發人員工具中檢查此div的樣式？

額外的點，如果答案不會建議修改代碼。

EDIT：當div不可見時（鼠標按鈕未被按下），它根本不在DOM中。

2017-06-19 Murval

@OriDrori不幸的是，這個div根本不在DOM中 – Murval

也許看看這裏的pseudoclasses：[查看和更改CSS開始]（https://developers.google.com/web/tools/chrome -devtools/CSS /＃pseudostates）。嘗試強制按鈕上的「活動」狀態，您需要點擊。另一種可能的方式是讓瀏覽器窗口與其旁邊的開發者控制檯打開，並通過觀看控制檯中的「元素」選項卡來跟蹤HTML代碼中的任何更改。 –

是，你可以做一兩件事：讓呈現在您要檢查與瀏覽器的頁面，然後去安慰瀏覽器的開發者工具的選項卡（檢查元素），然後再執行下面的JavaScript喜歡寫：

var targetNode = document.querySelector ("div"); 
if (targetNode) { 
    /*--- Simulate a natural mouse-click sequence. Keep open any one line at a time based on the event you want to test. */ 
    triggerMouseEvent (targetNode, "mousedown"); 
    //triggerMouseEvent (targetNode, "mouseup"); 
} 

function triggerMouseEvent (node, eventType) { 
    var clickEvent = document.createEvent ('MouseEvents'); 
    clickEvent.initEvent (eventType, true, true); 
    node.dispatchEvent (clickEvent); 
}

在上面給出的代碼中，您可以評論和取消註釋IF條件中的那兩條線，一次觸發mousedown事件或mouseup事件。

而當您執行代碼時，您可以在瀏覽器中檢查其特定事件的樣式。

希望這會符合你的目的。

來源

2017-06-19 10:53:28

檢查div的樣式，僅在按下鼠標按鈕時出現

回答

相關問題