svg click
arkadaşlar svg circle yapısını kullanarak bir harita yapım var , bunda click yapısını nasıl kullanabilirim. araştırdığım kadarıyla svg ye onclick veriliyor ancak ben g ve circle taglarına vermek istiyorum.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
g ye tıklamak için tıklamak istediğin g elementine pointer-events: bounding-box; verince tıklanabiliyor.
circle için aşağıdaki gibi yapabilirsin.
Javascript
document.querySelectorAll('svg circle').forEach(function(e){
e.addEventListener('click', function(){
console.log(`${e.tagName} elementine tıklandı.`)
})
})
Jquery
$('svg circle').on('click', function(e){
console.log(e.target.tagName)
})