在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ Web可視化視圖圈選思路?

Web可視化視圖圈選思路?

最近要做可視化的工具(埋點(diǎn)),第一步需要實(shí)現(xiàn)類似代碼審查(Firefox里的查看器,chrome里的element)的效果,即通過挪動鼠標(biāo)懸浮在要選擇的元素上時,獲取該元素的信息。

但是網(wǎng)上有關(guān)這方面的信息實(shí)在是太少了,希望得到一些提示!

回答
編輯回答
小曖昧

1、鼠標(biāo)懸浮,即hover事件
2、獲取元素信息,即常規(guī)的DOM的get操作
3、展示元素信息,即get之后DOM的創(chuàng)建、寫入操作,例如:懸浮框(類Tooltips) or 固定的展示區(qū)

2017年4月24日 21:11
編輯回答
刮刮樂

我想用的就是游戲的碰撞檢測原理。 在瀏覽器之上的抽象層,我們是看不到像素和坐標(biāo)的,那么如果是頁面的一個元素,例如按鈕, 鼠標(biāo)移動上去時怎么確定是不是在這個按鈕上呢? 必然在底層有坐標(biāo)檢測的。這個可能就設(shè)計到底層的東西了。 瀏覽器的window對象有方法可以顯示鼠標(biāo)的像素,這是怎么做到的呢?我覺得這個是突破口。查看器可能用到是另一個對象

2017年5月30日 15:39
編輯回答
做不到

現(xiàn)在發(fā)現(xiàn)使用mouseover和mousemove事件比較合適。用js遍歷所有節(jié)點(diǎn)(或者需求的類型節(jié)點(diǎn))并加上mouseover等事件。

2018年2月19日 09:02