Katıştırılmış bir html nesnesine JavaScript onClick işleyicisi nasıl eklenir?

Question

Yerleşik bir nesneye bir onClick işleyicisi eklemeye çalışıyorum. İşleyici, <script src="... aracılığıyla geçerli html dosyasına bağlı bir harici .js dosyasında bulunan bir işlevi yürütmek zorundadır.

Başka bir yerde bulunması nedeniyle işlevi farklı şekilde göndermem gerekir mi? onclick içinde SVG uygulamak ve dış bağlamanız You have

<embed src="svg/button.svg" id="buttonEmbed" width="95" height="53" 
type="image/svg+xml" onClick="buttonEvent('buttonClicked')"/> 

Answer 1

: şu anda (herhangi bir hata üretmez aynı zamanda çalışmayan, ama) haliyle İşte

kodudur JavaScript işlevi javascript kullanarak svg içinde. Örnekler için SVG wiki'ye bakın.

Güncelleme: Görünüşe göre SVG wiki artık yok. Artık (hızlı bir şekilde) bulabileceğim en iyi referansların StackOverflow'un kendisinde olması sürpriz değil.

This answer describes how to implement onclick inside the svg.

Answer 2

Ya bir javascript bağlaması kullanın (Mario Menger zaten yanıtladı).

Kullanım tıklama tüketici olarak boş bir bağlantı etiketi <a href="javascript:someFunc()"></a>: Sizin veya bağlayıcı kullanmaz yapamıyorsanız

, sen xil3bir değişiklikle cevap verdiğini kullanabilirsiniz. Z-endeksi ve pozisyon/boyutu ayarlayın, böylece svg nesnesine konumlandırın (tarayıcılar arası uyumluluk için).

Answer 3

Onclick, hepsinin küçük harfli olması gerekir.

<embed src="svg/button.svg" id="buttonEmbed" width="95" height="53" 
type="image/svg+xml" onclick="alert('hello!');"/>