1

我有一个具有指针向下事件侦听器的 div，我想通过脚本模拟指针向下事件。我怎么做？

4

2 回答 2

1

您可以阅读 MDN 规范以 创建和触发事件：

// create a specific "pointerdown" event
var event = new PointerEvent('pointerdown')

// Listen for the event (POC)
document.body.addEventListener('pointerdown', console.log);

// Dispatch the event (on the "<body>" element)
document.body.dispatchEvent(event);

如您所见，我正在使用PointerEvent构造函数，也可以通过谷歌搜索 MDN 页面的事件轻松获得。

不同的事件有不同的构造函数，你需要看哪个有构造函数，如果没有，你应该使用CustomEvent构造函数。

你可能有 99% 的与 DOM 相关的问题可能已经在 MDN 文档上得到解答，你只需要将这些部分连接在一起。

于 2020-04-01T17:54:08.867 回答
0

尝试这样的事情：

const el = document.querySelector('#my-element');

el.addEventListener('pointerdown', (event) => {
  console.log('Pointer down event');
});

const button = document.querySelector('button');

button.addEventListener('click', () => {
  el.dispatchEvent(new PointerEvent("pointerdown"));
});
<div id="my-element">Hello world</div>
<button type="button">Simulate event</button>

作为参考，MDN 有关于模拟事件的文档。

于 2020-04-01T17:44:55.070 回答