SVG事件傳播

Question

我有兩個SVG rects，其中一個在邏輯上是在x和y位置而言另一個的上面。現在，當你將鼠標懸停在頂部矩形上時，我希望它下面的矩形成爲事件的目標。但是，如果我對頂級會員大加讚賞，我希望它成爲目標。

根據事件類型，這種不同的功能是什麼使CSS「指針事件」屬性沒有用在我身上。

我該如何做到這一點？

Answer 1

與<g>總結他們並在其上添加事件偵聽器。你需要通過某種方式（如id屬性）保持對rects的引用，並直接在事件處理程序中使用它們。您的特殊情況很容易以這種方式處理。

Answer 2

我不知道SVG很多，但這個是我會怎樣解決它在HTML CSS &：

#upper:hover + #lower { /* What happens with the lower rect when the upper is hovered */ } 
#upper:active { /* What happens if the upper is clicked/selected */ }