如何將自定義事件添加到svg.js

Question

我正在測試svg.js庫，發現聲明自定義事件時遇到了問題。 這是小提琴 。 單擊第一個圓圈應更改顏色，並且可以使用：

circleOne.click(function() {
  this.fill({ color: '#f06' })
})

單擊第二個圓圈應觸發自定義事件，但不會：

var circleTwo = SVG.select('circle.circle-01');

circleTwo.on('myevent', function() {
  alert('ta-da!')
})

function testMe() {
  circleTwo.fire('myevent')
}

將.fire更改為.event也無濟於事。 有什么建議么？ 提前致謝。

Answer 1

您永遠不會使用testMe函數來觸發事件:)

事件發生時已經觸發了瀏覽器定義的事件，對於自定義事件，您已經正確定義了觸發時發生的事件（警報），但是如果您打算在某個時間關閉事件，則必須將其觸發。 您還創建了觸發功能，但從未使用過。

您可以在瀏覽器定義的觸發器上觸發它，然后簡單地使用那些事件，而不定義自定義。

自定義事件適用於不同的用例。 例如，您檢測到一個對象沒有被觸摸10秒鍾，並且您想通知代碼的其他部分對此做出反應。 默認情況下未定義該事件，您可以對其進行定義並進行自定義代碼檢查，以在滿足條件時觸發該事件。

嘗試觸發您的事件（例如單擊事件），或者只是為了測試而將其放在scrypt的末尾：

testMe();

現在，當腳本加載到該點並執行觸發功能時，您已經觸發了自定義事件。