从 JavaScript 访问 DOM 元素并向其发送事件

Access DOM element from JavaScript and send event to it

本文关键字：事件 JavaScript 访问 DOM 元素      更新时间：2023-09-26

我有这个HTML元素 

<div dir="auto" data-tab="1" contenteditable="true" class="input" data-reactid=".0.$main.5.2.1.1.0.1"></div>

并希望从 JavaScript 代码访问它，然后向其发送鼠标单击事件，然后发送键盘按键事件。

我搜索了很多，发现这个问题有没有办法模拟按键或使用javascript单击？但我无法访问该元素！谁能帮我找到一种从javascript访问它的方法，并向其发送鼠标单击事件，然后发送键盘按键事件？

要访问您的特定元素，我可以使用具有对我来说唯一的属性的 querySelector（我不确定这是否是您的现实）：

var myElement = document.querySelector('[data-reactid=".0.$main.5.2.1.1.0.1"]')

然后，要设置焦点：

myElement.focus();

要发送点击：

myElement.click();

或者，要更改背景颜色：

myElement.setAttribute("style", "background-color: red;");
相关文章：