如何使用 Javascript 從鼠標懸停事件中排除元素？

Question

我基本上是在嘗試在瀏覽器中構建相當於螢火蟲檢查器的東西。 我目前在此示例中使用<body>作為容器：

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

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

我基本上希望事件處理程序完全忽略覆蓋的元素（它只是為了提供視覺反饋而存在）並繼續為在其下方檢測到的元素觸發onmouseover事件。 這有意義嗎？

Answer 1

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

pointer-events:none;

我討厭鏈接出去，但是如果您需要支持 IE，這是一篇很好的文章。