如何在将click事件委托给子代的元素上使用Element.click（）API

Question

同上。我在容器el上添加了click事件。

html

<ul id="con">
  <li data-id="1">1 Li</li>
  <li data-id="2">2 Li</li>
  <li data-id="3">3 Li</li>
  <li data-id="4">4 Li</li>
</ul>

javascript

const con = document.getElementById('con')
con.addEventListener('click', (e) => {
  const target = e.target

  if (!!target.dataset.id) {
    console.log(target.dataset.id)
  }
})

因此，我该如何使用click方法来触发绑定事件并进行控制台操作，例如document.querySelector('#con').click()

谢谢!!!