IE的fireEvent方法概述及应用

IE中提供了一个fireEvent方法大概就是触发某个事件发生的意思，觉得是和onclick()同样，看来是我自已为是了,有时间还要多看看javascript的细节啊,广大网友也是啊

在IE中提供了一个fireEvent方法，顾名思义就是触发某个事件发生的意思。刚开始我觉得是会跟平时使用onclick()同样，没想到最近在写javascript入门ppt的时候发现了，原来本身太自觉得是了！看来还有不少javascript的细节没有掌握好啊！

如今根据本身的总结详细的记录下fireEvent方法的使用。fireEvent是IE提供的一种方法，msdn文档地址：http://msdn.microsoft.com/en-us/library/ms536423(v=vs.85).aspx 

onclick() 
咱们先看第一段实例代码： 

复制代码代码以下:

<ul onclick='alert(event.srcElement.innerHTML);'> 
<li id='id1'>i am one;</li> 
<li id='id2'>i am two;</li> 
<li id='id3'>i am three;</li> 
</ul> 
<button onclick='document.getElementById("id1").onclick();'>click me!</button> 

这段代码中咱们没有个id1的li添加onclick事件，点击button，会报错，提示“对象不支持此属性或方法”。因而可知，DOM.onclick()须要添加onclick事件以后才能使用。 

假如咱们把以上的代码修改成： 

复制代码代码以下:

<ul onclick='alert(event.srcElement.innerHTML);'> 
<li id='id1' onclick='alert(1);'>i am one;</li> 
<li id='id2'>i am two;</li> 
<li id='id3'>i am three;</li> 
</ul> 
<button onclick='document.getElementById("id1").onclick();'>click me!</button> 

此时，点击button会触发onclick事件，可是ul的onclick没有触发，这就代表了DOM.onclick()不存在冒泡。 
fireEvent() 
咱们来看看fireEvent跟onclick()触发事件是否相同。看下面的代码： 

复制代码代码以下:

<ul onclick='alert(event.srcElement.innerHTML);'> 
<li id='id1'>i am one;</li> 
<li id='id2'>i am two;</li> 
<li id='id3'>i am three;</li> 
</ul> 
<button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button> 

点击button后，触发ul的onclick事件，说明fireEvent会引发冒泡，并且没有发生像onclick()提示“对象不支持此属性或方法”，说明即便不添加id1的onclick事件也能够冒泡。 
由此能够看出，IE中的fireEvent方法相似模拟用户的鼠标点击行为，而不是单纯的onclick。

总结fireEvent和onclick区别 
经过上面的例子能够看出，DOM的fireEvent和onclick（这只是个表明）有如下区别： 
1.onclick须要DOM真正添加了onclick事件，不然会报“对象不支持此属性或方法”错误 
2.onclick不会引发IE的冒泡过程，而fireEvent会引发冒泡，fireEvent更贴近用户真实的行为触发 
3.由第二条得出，fireEvent在即便DOM没有click事件也能够fireEvent，而不会报错（更贴近用户真实行为） 
最后能够拿下面的代码测试： 

复制代码代码以下:

<ul onclick='alert(event.srcElement.innerHTML);'> <li id='id1' onclick='alert(1);'>i am one;</li> <li id='id2'>i am two;</li> <li id='id3'>i am three;</li> </ul> <button onclick='document.getElementById("id1").onclick();'>click me!</button> <button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>