如何在 Chrome 控制台中的 HTML 元素如 tbody> tr > td上触发 dbclick 事件？我需要通过 javascript 代码来完成用于流程自动化

问题描述

如何在 Chrome 控制台中的 HTML 元素（如 tbody> tr > td）上触发 dbclick 事件？我需要通过 javascript 代码来完成（用于流程自动化）

假设我有一个带有 tbody > tr > td 的表。如何添加 doubleClick 事件并在此 html 元素上自动触发它（通过 javascript，以编程方式，自动，而不是由用户/鼠标手动）。我需要在 Chrome 的控制台中执行此操作。

如有任何帮助，请提前感谢。

解决方法

var target = document.querySelector('td');
target.addEventListener('dblclick',() => {
  alert('dblclick')
})

var clickEvent = document.createEvent('MouseEvents');
clickEvent.initEvent('dblclick',true,true);
target.dispatchEvent(clickEvent);

<table>
  <tbody>
    <tr>
      <td>clicked</td>
    </tr>
  </tbody>
</table>