fireEvent()与attachEvent()

IE:

fireEvent():是让事件自动触发。
attachEvent():是给元素绑定指定的函数。
标准：
var e=document.createEvent('HTMLEvents');
e.initEvent('click',false,true);//参数：事件、是否冒泡、是否可以阻止默认事件。
ele.dispatchEvent(e);给ele元素分派事件。
 
addEventListener():是给元素绑定指定的函数。
 
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title> fireEvent </title>
 5 <meta http-equiv="Content-Type" content="text/html;charset=gbk">
 6 <script>
 7 window.onload=function(){
 8     var oBtn=document.getElementById('b');
 9     //给oBtn添加click事件
10     oBtn.onclick=function(){
11         alert(123);
12     }
13     
14     //IE下
15     if(document.attachEvent){
16         //给oBtn绑定mouseover事件
17         oBtn.attachEvent('onmouseover',function(){
18             document.title=456;
19         });
20         //自动触发click事件
21         oBtn.fireEvent('onclick');
22     }
23     //标准
24     else if(document.addEventListener){
25         //绑定事件
26         oBtn.addEventListener('mouseover',function(){
27             document.title=456;
28         });
29         
30         //自动触发click事件
31         var e=document.createEvent('HTMLEvents');
32         e.initEvent('click',false,true);
33         oBtn.dispatchEvent(e);
34     }
35 }
36 </script>
37 </head>
38 <body>
39     <button id='b'>button</button>
40 </body>
41 </html>

 

posted @ 2013-10-30 23:05  ayguo  阅读(351)  评论(0)    收藏  举报