mouseover， mousedown才顯示時dom的查看

張春雷發(fā)布于2019-08-02 16:15 / 3221人閱讀

摘要：在現(xiàn)實研發(fā)過程中，我們經(jīng)常需要借助查看頁面的節(jié)點。解決的方案找到當前頁面綁定事件的代碼在事件執(zhí)行之后打一個斷點。再執(zhí)行時，就會停在斷點處，頁面也會顯示隱藏的。此時就可以查看這個問題。

在現(xiàn)實研發(fā)過程中，我們經(jīng)常需要借助chrome Devtool 查看頁面的dom節(jié)點。但有的時候比較難找，經(jīng)常被困擾者。
本篇文檔就是對其中兩個情況提供一下好的建議。

我們經(jīng)常會這么寫：會給dom節(jié)點上添加兩個事件 mouseover和mouseout, 當鼠標懸浮節(jié)點時，顯示某個dom節(jié)點，離開時這個節(jié)點消失。此時想看這個dom節(jié)點的樣式就比較困難。

解決的方案：（1）找到當前頁面綁定mouseover事件的代碼. (2)在事件執(zhí)行之后打一個斷點。（3）再執(zhí)行時，就會停在斷點處，頁面也會顯示隱藏的dom。此時就可以查看這個問題。
代碼事例：

操作截圖：
通過Event Listener 找到事件綁定的代碼

對代碼進行打點，然后再執(zhí)行這個代碼，就可以查看dom了

還有一種情況，我們在鼠標按下去（mousedown）時顯示dom節(jié)點，在鼠標松開（mouseUp）時隱藏dom節(jié)點，此時想查看這個dom節(jié)點也比較難。

這個時候通過上面的這個方案也可以解決哦。

ps：一個知識點--在chrome DevTool 的source下面的文件夾下，可以右擊可以全局搜索

云服務器 GPU云服務器 mousedown 怎樣的服務器才好多大的服務器才夠用 mouseover

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/54974.html

相關(guān)文章

mouseover， mousedown才顯示時dom的查看

摘要：在現(xiàn)實研發(fā)過程中，我們經(jīng)常需要借助查看頁面的節(jié)點。解決的方案找到當前頁面綁定事件的代碼在事件執(zhí)行之后打一個斷點。再執(zhí)行時，就會停在斷點處，頁面也會顯示隱藏的。此時就可以查看這個問題。在現(xiàn)實研發(fā)過程中，我們經(jīng)常需要借助chrome Devtool 查看頁面的dom節(jié)點。但有的時候比較難找，經(jīng)常被困擾者。本篇文檔就是對其中兩個情況提供一下好的建議。我們經(jīng)常會這么寫：會給dom節(jié)點上添加...

YanceyOfficial 2019-08-23 17:14 評論0 收藏0
JQuery基礎修煉-事件篇

摘要：目錄第章事件介紹第章鼠標事件第章表單事件第章鍵盤事件第章事件的綁定和解綁第章事件對象的使用第章自定義事件與事件用交互操作中，最簡單直接就是點擊操作。提供了兩個方法一個是方法用于監(jiān)聽用戶單擊操作，另一個方法是方法用于監(jiān)聽用戶雙擊操作。目錄第1章事件介紹第2章鼠標事件第3章表單事件第4章鍵盤事件第5章事件的綁定和解綁第6章事件對象的使用第7章自定義事件 cli...

yy13818512006 2019-08-02 15:55 評論0 收藏0
JQuery基礎修煉-事件篇

摘要：目錄第章事件介紹第章鼠標事件第章表單事件第章鍵盤事件第章事件的綁定和解綁第章事件對象的使用第章自定義事件與事件用交互操作中，最簡單直接就是點擊操作。提供了兩個方法一個是方法用于監(jiān)聽用戶單擊操作，另一個方法是方法用于監(jiān)聽用戶雙擊操作。目錄第1章事件介紹第2章鼠標事件第3章表單事件第4章鍵盤事件第5章事件的綁定和解綁第6章事件對象的使用第7章自定義事件 cli...

hikui 2019-08-19 18:25 評論0 收藏0
JavaScript 事件——“事件類型”中“焦點、鼠標和滾輪事件”的注意要點

摘要：焦點事件一般利用這些事件與方法和屬性配合。此外，支持一個名為的類似事件，也是在鼠標滾動滾輪時除法。焦點事件一般利用這些事件與document.hasFocus()方法和document.activeElement屬性配合。主要有： blur：元素失去焦點，不會冒泡； DOMFocusIn：同HTML事件focus，于DOM3遭廢棄，選用focusin； DOMFocusOut：同...

clasnake 2019-08-19 17:23 評論0 收藏0
jQuery 事件(一) 鼠標與鍵盤事件

jQuery 鼠標事件 click與dbclick事件用交互操作中，最簡單直接的操作就是點擊操作。jQuery提供了兩個方法一個是click方法用于監(jiān)聽用戶單擊操作，另一個方法是dbclick方法用于監(jiān)聽用戶雙擊操作。這兩個方法的用法是類似的，下面以click()事件為例方法一：$ele.click() 綁定$ele元素，不帶任何參數(shù)一般是用來指定觸發(fā)一個事件，用的比較少點擊觸發(fā) $(ele...

Gemini 2019-08-21 11:55 評論0 收藏0