マウスをクリックしたときにSVG文書内の矩形の位置を見つける方法は？

Question

SVG文書の中に正方形のボックスがたくさんあります。クリックしたどのボックスを見つけたのですか？クリックした列と行の位置を表示していますか？

Answer 1

あなたのSVGは、HTMLファイル内に、あなたがイベントがあなたのクリックされた要素であるターゲットプロパティをマッピングするJavaScript

const elements = document.querySelectorAll('.clickable') 
for (let i = 0; i < elements.length; i++) { 
    const element = elements[i]; 
    element.addEventListener('click', (e) => { 
    console.log(e.target); 
    }); 
} 

を使用しようとすることができ、各クリック可能な要素にclickableクラスを追加する場合であれば。