Как порграммно кликнуть по svg?

180

22 апреля 2019, 21:50

У обычных dom-элементов есть метод click, при вызове которого срабатывают все обработчики кликов. Но у svg этого метода почему-то нет. Как его кликнуть так, чтобы событие прошло все стадии?

Так, в следующем примере клик по спану срабатывает, а по svg - нет:

~function () { 
  var span = document.querySelector("span") 
  var svg = document.querySelector("svg") 
 
  span.click() 
  svg.click() 
}()

span, svg { 
  background: silver; 
  display: inline-block; 
  width: 2em; 
  height: 2em; 
}

<div onclick="console.log(event.target.tagName + ' is clicked in div')"> 
  <span onclick="console.log('span is clicked')"></span> 
  <svg onclick="console.log('svg is clicked')"></svg> 
<div>