模拟点击带有JS的GMail div按钮 [英] Simulate click on GMail div button with JS

问题描述

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

这里是按钮：

 < div class =TI J-J5-Ji TI-KE L3role =buttontabindex =0gh =cm
 style = webkit-user-select：none;> COMPOSE< / div> 
  

这里是我的js：

  var element = document.getElementsByClassName（'TI-KE'）[0]; 
 element.click（）; 
  

结果： undefined p>

图片： 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

解决方案

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

该按钮可监听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）; 
  

I want to simulate click on GMail COMPOSE button using JS without JQuery.

Here is button:

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

Here is my js:

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

Result:undefined in all browsers

Image: http://i.imgur.com/4IX9DZX.png

Already tried that:

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

Result:true. But nothing happens.

Image: http://i.imgur.com/pwVqukP.png

解决方案

After two days i am finally got an answer!

That button listens mouseDown and mouseUP events. Working code:

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

这篇关于模拟点击带有JS的GMail div按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！