我有一些使用dispatchEvent
来模拟点击的代码,相同的确切代码在Chrome中可以正常使用,但在Firefox中不起作用。这是代码:
var evt = document.createEvent("MouseEvents");
evt.initEvent("click",true,true);
jQuery("a:contains(Next)")[0].dispatchEvent(evt);
我单击的链接可以加载另一个页面,并且该页面在Chrome中可以很好地加载,但是当我在Firebug中运行此代码甚至将其作为书签执行时,Firefox绝对不执行任何操作。我还尝试通过设置MDC文档上显示的所有选项来尝试事件初始化的长形式,但这并不能执行任何操作。我到底在做什么错?
最佳答案
由于您的事件看起来像是鼠标事件,因此您可以尝试使用鼠标事件,例如以下示例:
var oEvt = (document.createEvent)? document.createEvent('MouseEvents') : document.createEventObject();
// W3C
if (oEvt.initMouseEvent)
oEvt.initMouseEvent(
/* type*/ 'mouseup',
/* bubble*/ true,
/* cancel*/ true,
/* AbstractView*/ window,
/* detail */ 10,
/* screenX */ 20,
/* screenY */ 30,
/* clientX */ 40,
/* clientY */ 50,
/* ctrlKey */ false,
/* altKey */ false,
/* shiftKey */ true,
/* metaKey */ false,
/* button */ 0,
/* relatedTarget*/ null ) ;
// MSIE
else {
var oEvt = document.createEventObject();
oEvt.detail = 10;
oEvt.screenX = 20;
oEvt.screenY = 30;
oEvt.clientX = 40;
oEvt.clientY = 50;
oEvt.ctrlKey = false;
oEvt.altKey = false;
oEvt.shiftKey = true;
oEvt.metaKey = false;
oEvt.button = 0;
oEvt.relatedTarget = null;
}
见W3C Mouse event types
我还用法语编写了有关firing DOM events的教程;我想很容易将其翻译。