如何在鼠標單擊時在SVG文檔中找到矩形的位置？

Question

我在SVG文檔裏面有很多方框。如何找到我點擊哪個框顯示我點擊了哪一列和哪一行？

Answer 1

如果你的SVG是一個HTML文件，如果添加了一個clickable類各可點擊元素，你可以嘗試使用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); 
    }); 
} 

事件圖中的目標屬性，它是你點擊的元素。