JavaScript 跨浏览器单击 HTML DOM 元素

Question

是否有可用的普通 JavaScript 跨浏览器函数能够触发 HTML DOM 元素（包括 div 等非表单元素）上的单击事件？

Answer 1

大多数走这条路的人要么最终开发自己的事件管理系统（这并不难，但很烦人），要么在可用的功能范围内工作。

如果所有浏览器都支持单一模型（例如 W3C 事件模型），那么生活将会很甜蜜。但他们没有。不仅如此，一些浏览器拒绝以与“真实”事件相同的方式响应编程事件。例如，在 Firefox 中的链接上使用 displatchEvent 调度点击事件不会导致浏览器跟踪该链接（但如果有的话，会触发 onclick 侦听器）。大多数其他浏览器都会点击该链接。

IE 版本 8 之前不支持dispatchEvent（也许 9 支持），它有 fireEvent 相似但不同。

HTML5（还不是标准，也许永远不会成为标准）为 点击方法。 html#htmlelement" rel="noreferrer">HTMLElement 接口，但尚未完全实现，不能依赖。它很可能用于您知道或可以控制将使用该页面的浏览器版本的环境。

如果侦听器已分配给属性或内联，您也可以只调用元素的 onclick 属性，但这当然不像真正的事件。

关于dispatchEvent的有用帖子在 clj 上。

Answer 2

在 Mozilla 文档中发现了这个难以捉摸的函数： https://developer.mozilla.org/En/DOM/Document.createEvent< /a>，这里也是：http://javascript.gakaa.com/document-createevent-4-0-5-.aspx< /a>

function performClick(node) {
    var evt = document.createEvent("MouseEvents");
    evt.initEvent("mousedown", true, true);
    document.getElementById("myElement").dispatchEvent(evt);
}

Answer 3

var target = document;//<--(insert your target here);
if(document.createEvent){
  var clickEvent = document.createEvent("MouseEvents");
  clickEvent.initMouseEvent("click", true, true, window, 
    0, 0, 0, 0, 0, false, false, false, 0, null);
  target.dispatchEvent(clickEvent);
}
else{
  target.fireEvent("onclick");
}

摘自MDC event.initMouseEvent 参考和这个问题。

jsFiddle 您可以在不同的浏览器上进行测试。

Answer 4

给定：

<input type="button" id="myButton" onclick="alert('hello world');"/>

以下内容将调用 hello world 提示符：

document.getElementById("myButton").click();