Chrome devtools：檢查項目上的元素，僅當父級鼠標懸停時纔可見

只有將鼠標懸停在其父項上時，該元素纔會顯示。在代碼中，在鼠標懸停的情況下，使用javascript，很多類都被添加到不同的元素，只有這樣我的子元素纔會出現。（有沒有懸停事件，只有鼠標懸停與js）

因爲有這麼多的類，我不能手動添加它們。我如何在這種情況下檢查和調試元素？ Chrome是否提供任何幫助？

謝謝！

請提供一些代碼，以便我們看到問題。如果您需要某個元素進行懸停，您可以在控制檯中觸發該事件（鼠標應該在視口之外以便事後不更改事件狀態）。 – zoku

@zoku這不是懸停，它是與JavaScript的鼠標懸停。 –

鼠標移出時，元素是否會被移除？ –

是在Chrome devtools具有處理hover/mouse over元素看到圖像的工具：

2017-10-20 10:41:48 M0ns1f

謝謝，但那只是懸停，不是鼠標懸停。對我來說，它不適用於鼠標懸停JavaScript事件 –

如果活動連接，像這樣： document.getElementById('idOfYourElement').addEventListener('mouseover', function(){ console.log('hover'); })，

您可以通過編程觸發事件，像這樣： document.getElementById('idOfYourElement').dispatchEvent(new Event('mouseover'))。

如果你的鼠標在視口之外，它應該保持在這個狀態，你可以在開發工具中進行調試。

2017-10-20 11:32:47 zoku

回答