SVG元素沒有手動點擊

Question

所有html元素手動點擊但爲什麼不是svg元素通過.click（）方法。任何幫助讚賞

ellipse[0].addEventListener("click", function(){ 
    alert("ellipse"); 
}); 
ellipse[0].click(); 

看到此鏈接：https://plnkr.co/edit/nVb6p7PD6nvuVsDhYcNU?p=preview

Answer 1

他們是不同的，因爲定義它們的規格說不同的事情。

HTML規範說HTML元素有一個click method。

SVG規範沒有說SVG元素有click method。

SVG和HTML並不總是以相同的方式工作。

Answer 2

您不需要在元素上調用click()，只需調用處理點擊的函數即可。例如：

function handleH1Click() { 
    alert("H1"); 
} 

h1.addEventListener("click", handleH1Click); 

ellipse.addEventListener("click", function() { 
    alert("ellipse"); 
    handleH!Click(); 
});