用 JS 模拟点击 GMail div 按钮

Question

我想在没有 JQuery 的情况下使用 JS 模拟 GMail COMPOSE 按钮的点击。

这里是按钮：

<div class="T-I J-J5-Ji T-I-KE L3" role="button" tabindex="0" gh="cm" 
style="-webkit-user-select: none;">COMPOSE</div>

这是我的js：

var element = document.getElementsByClassName('T-I-KE')[0];
element.click();

结果：undefined 在所有浏览器中

图片：http://i.imgur.com/4IX9DZX.png

已经试过了：

var event = document.createEvent("MouseEvent");
event.initEvent("click",true,true);
var element=document.getElementsByClassName("T-I-KE")[0];
element.dispatchEvent(event);

结果：true。但是什么也没发生。

图片：http://i.imgur.com/pwVqukP.png

Answer 1

两天后我终于得到了答案！

那个按钮监听 mouseDown 和 mouseUP 事件。 工作代码：

var down = new MouseEvent('mousedown');
var up = new MouseEvent('mouseup');
var elem = document.getElementsByClassName("T-I-KE")[0];
elem.dispatchEvent(down);
elem.dispatchEvent(up);

Answer 2

函数getElementsByClassName(classString) 将返回与您传递给它的字符串完全相同的类的元素。尝试使用querySelector，像这样

document.querySelector(".T-I-KE");

这将返回类T-I-KE 的第一个元素。如果您想要该类的所有元素，请改为调用函数querySelectorAll