我如何以编程方式点击JavaScript中的元素？

在IE中，我可以从JavaScript调用element.click（） – 如何在Firefox中完成相同的任务？ 理想情况下，我希望有一些JavaScript可以跨浏览器工作，但是如果需要的话，我会为此使用不同的浏览器JavaScript。

Answer 1

document.createEvent文档说“ 不推荐使用createEvent方法，而是使用事件构造函数 ”。

所以你应该使用这个方法：

 var clickEvent = new MouseEvent("click", { "view": window, "bubbles": true, "cancelable": false }); 

并在这样的元素上开火：

 element.dispatchEvent(clickEvent); 

如下所示。

Answer 2

对于Firefox的链接似乎是“特殊的”。 我能够得到这个工作的唯一方法是使用MDN中描述的createEvent并调用initMouseEvent函数。 即使这不完全工作，我不得不手动告诉浏览器打开一个链接…

 var theEvent = document.createEvent("MouseEvent"); theEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); var element = document.getElementById('link'); element.dispatchEvent(theEvent); while (element) { if (element.tagName == "A" && element.href != "") { if (element.target == "_blank") { window.open(element.href, element.target); } else { document.location = element.href; } element = null; } else { element = element.parentElement; } } 

Answer 3

使用jQuery你可以做同样的事情，例如：

 $("a").click(); 

这将“点击”页面上的所有锚点。

Answer 4

element.click（）是W3C DOM规范概述的标准方法。 Mozilla的Gecko / Firefox 遵循标准 ，只允许在INPUT元素上调用此方法。

Answer 5

你是否试图按照链接或触发onclick？ 你可以触发一个像这样的onclick：

 var link = document.getElementById(linkId); link.onclick.call(link); 

Answer 6

这是一个跨浏览器的工作function（可用于除点击处理程序以外）：

 function eventFire(el, etype){ if (el.fireEvent) { el.fireEvent('on' + etype); } else { var evObj = document.createEvent('Events'); evObj.initEvent(etype, true, false); el.dispatchEvent(evObj); } } 

Answer 7

我使用了上面列出的KooiInc函数，但是我必须使用两个不同的inputtypes，一个是“button”，另一个是“提交”FireFox。 我不完全确定为什么，但它的工作原理。

// HTML

 <input type="button" id="btnEmailHidden" style="display:none" /> <input type="submit" id="btnEmailHidden2" style="display:none" /> 

//在JavaScript中

 var hiddenBtn = document.getElementById("btnEmailHidden"); if (hiddenBtn.fireEvent) { hiddenBtn.fireEvent('onclick'); hiddenBtn[eType](); } else { // dispatch for firefox + others var evObj = document.createEvent('MouseEvent'); evObj.initEvent(eType, true, true); var hiddenBtn2 = document.getElementById("btnEmailHidden2"); hiddenBtn2.dispatchEvent(evObj); } 

我有search，并尝试了很多build议，但这是结束了工作。 如果我有更多的时间，我会喜欢调查为什么提交工程与FF和button与IE浏览器，但这将是一个豪华的权利，现在到下一个问题。