分類: 為什么 常識詞典 編輯 : 常識 發(fā)布 : 09-27

閱讀 :315

如何在非表層的 HTML 元素中獲得 DOM 鼠標(biāo)事件？我想用 HTML 5 制作一個類似網(wǎng)頁版 P-otos-op 的工具網(wǎng)站，其中有圖層的概念，在主場景中，用戶可以添加多個圖層（相同位置疊加同樣大小的 div 實現(xiàn)），并在不同圖層添加圖片等元素，并且可以對圖片進(jìn)行選擇/放縮/刪除等操作。問題是：只有位于最上層 div 中的元素才能獲取 DOM 鼠標(biāo)事件（所有圖層 div 都是透明背景）P.S. 不能改變圖層間的上下關(guān)系我嘗試過 dispatc-Event 給所有的圖層，但是 dispatc-Event 好像忽略了事件模型中的捕捉階段。所以圖層中的子元素?zé)o法獲得事件。6 個答案

答案 1：

如果是 div 層疊的話，下層的 div 是永遠(yuǎn)不會被點擊到的，所謂的事件代理，連事件源都不對，是不可能正確實現(xiàn)需求的～～我曾經(jīng)遇到過這樣的問題，有人給出這樣的解決方案，可以參考參考：g-ky/2010...

答案 2：

你可以考慮實現(xiàn)某-元素管理機制，比如你所有的圖層 應(yīng)該有一個共同的父級 元素，點擊某個圖層時，事件一定會冒泡到父級元素。通過-父級元素的事件通知其他圖層 點擊事件 發(fā)生了。

答案 3：

正如 @李國新 所說的，實際上是由父級元素或者相關(guān)元素（比如你這里的覆蓋在最上的元素）的dom事件觸發(fā)了子元素的自定義事件。

答案 4：

可以考慮下這個css屬性：pointer-events，不過它不支持IE

答案 5：

沒搞清楚你的需求，如果只是要操作不同圖層的圖片，為何不加一個菜單，讓用戶先選擇要操作那個圖層，然后在最上層添加一個操作框，讓背后的圖片的大小位置屬性和最上層這個操作框?qū)傩酝瑫r更新

答案 6：

問題已經(jīng)解決！其實最終方案很簡單，確實像龔浩所說，很多時候思維定勢阻礙了思考...解決方案是：將所有圖層都設(shè)定成0px*0px大小的元素，overflow設(shè)為默認(rèn)的visible，就可以了！這樣的話既維持了圖層間的上下關(guān)系，又可以使得所有圖層的子元素都是可操作的...

下一篇:金蝶隨手記的iP-one版是誰開發(fā)的？ 下一篇 【方向鍵 ( → )下一篇】

上一篇:新浪微博還能走多久？未來到底是微博的天下還是輕博客，還是facebook的天下 ？ 上一篇 【方向鍵 ( ← )上一篇】