激活使用MooTool的扩展元素创建的HTML元素的事件处理程序

Question

在浏览JavaScript文件时，我看到以下行：

this.close = new Element('a', {id:'close-btn', href: 'javascript:void(0);', 'class': this.typeprefix + '-deletebutton', events: {click: this.remove.bind(this)}}).inject(this.bit);

我猜想new Element（）是MooTools扩展元素。 我似乎无法以编程方式触发MooTool的click事件。

我试过了

document.getElementById('close-btn').onclick.apply(document.getElementById('close-btn'));

但是什么也没发生。 以下每一行给了我一个未定义的内容：

alert(document.getElementById('close-btn').click);
alert(document.getElementById('close-btn').onclick);
alert(document.getElementById('close-btn').events);
alert(document.getElementById('close-btn').['events']);

有人对如何以编程方式触发锚点的click事件有任何想法吗？

Answer 1

var evObj = document.createEvent('MouseEvents');
evObj.initMouseEvent(
    'click', true, true, window,
    1, 0, 0, 0, 0,
    false, false, true, false,
    0, null
);
document.getElementById('close-btn').dispatchEvent(evObj);

https://developer.mozilla.org/en/DOM/event.initMouseEvent

对于IE，您可以尝试document.getElementById（'close-btn'）。click（）; 或document.getElementById（'close-btn'）。fireEvent（“ onclick”）;