2012-02-11 62 views
1

我基本上試圖在瀏覽器中構建相應的螢火蟲檢查器。我目前使用的<body>如本示例中的容器:如何使用Javascript從一個mouseover事件中排除一個元素?

container.onmouseover = function(ev) { inspect(ev.target); } 

在檢查方法中,我重新定位和重新調整的半透明固定定位元件在所述元件從所述事件目標返回。但是,這會導致mouseover事件隨後檢查覆蓋元素本身。

我基本上希望事件處理程序完全忽略疊加元素(它只存在提供視覺反饋),並繼續觸發其下面檢測到的元素的小事件事件。這有意義嗎?

+0

這個問題與事件冒泡有關嗎? – 2012-02-11 07:43:36

+0

@PaulNikonowicz是的,我認爲是的。我希望將元素排除在事件鏈之外。謝爾曼先生的回答是用CSS實現的。 – 2012-02-11 07:47:50

回答

1

如果您不必支持所有瀏覽器,那麼您可以使用css屬性pointer-events。設置爲none時,所有事件都將被忽略。嘗試在這個小提琴中切換指針事件,看看我的意思。

http://jsfiddle.net/zDygA/

Browser support

pointer-events:none; 

我討厭鏈接,但是這是一個很好的文章,如果您需要支持IE瀏覽器。

http://www.vinylfox.com/forwarding-mouse-events-through-layers/

+0

太棒了!這正是我想要達到的。 – 2012-02-11 07:27:31

相關問題