Raphael元素事件處理程序不適用於大綱模式

只有在填充元素時才執行Raphael元素事件處理程序。Raphael元素事件處理程序不適用於大綱模式

當元素沒有填充時，不執行點擊事件處理程序。對於未填充的元素，鼠標懸停事件的行爲不同（觸發鼠標懸停和鼠標懸停）。

爲什麼會這樣呢？

2012-01-31 rajkamal

您可能想查看有關指針事件的article。正如你在這個fiddle中看到的那樣，如果你將指針事件設置爲'fill'，我認爲這是按照你想要的方式工作的。請記住，儘管如此，這可能不適用於IE，因爲Raphael在IE中不使用SVG。

基本上，pointer-events: fill導致該元素充當鼠標事件填充。

2012-02-01 13:24:06

感謝您的正確指針.. – rajkamal 2012-02-02 06:43:35

沒有雙關語意圖？ – 2015-03-05 07:38:10

固定對我來說 - 點擊事件將直接通過「空心」對象，沒有填充和下面的對象的土地，所以沒有觸發鼠標事件。漂亮的修復邁克。謝謝！ – 2015-03-05 07:40:09

你可能已經意識到，當元素不填充時，拉斐爾只畫出了圖的邊界，對吧？

如果在元素的邊框處正確點擊（這不太可能導致邊框寬度太小），則無論如何都會觸發該事件。

所以事件句柄沒有錯，但是你應該用顏色或填充來填充你的元素：透明。

2012-01-31 09:44:06 tomen

填充透明不起作用。是的，點擊輪廓正在工作。但鼠標懸停事件不起作用。 – rajkamal 2012-02-01 06:35:26

不使用透明，我誤以爲。但我可以確認沒有填充元素的作品，所有點擊和鼠標懸停，鼠標懸停事件。 – tomen 2012-02-01 07:10:18

mouseover，mouseout的行爲非常不同。請檢查小提琴 – rajkamal 2012-02-01 07:15:24

回答