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

【问题标题】：Access DOM element from JavaScript and send event to it从 JavaScript 访问 DOM 元素并向其发送事件
【发布时间】：2016-05-09 09:59:50
【问题描述】：

我有这个 HTML 元素

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

想要从 JavaScript 代码访问它，然后发送鼠标点击事件和键盘按键事件。

我搜索了很多，发现这个问题Is there a way to simulate key presses or a click with javascript? 但我无法访问该元素！谁能帮我找到一种从 javascript 访问它并发送鼠标单击事件然后键盘按键事件的方法？

【问题讨论】：

【解决方案1】：

要访问您的特定元素，我可以使用带有一个对我来说独一无二的属性的 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;");

【讨论】：

谢谢@Alex R。能否告诉我是否可以将键盘事件发送给开发人员？
@MuadhProgrammer 你是指<div> 元素吗？
是的，对于 div 元素@Alex R. 抱歉输入错误！
myElement.click(); 会将“点击”发送到您的元素（在这种情况下为<div>）
myElement.onclick = function() { alert("Hello, World!"); }; 会将“点击”处理程序添加到您的元素中。