fireEvent()与attachEvent()

最新推荐文章于 2021-02-18 16:35:34 发布

weixin_30347335

最新推荐文章于 2021-02-18 16:35:34 发布

阅读量98

点赞数

原文链接：http://www.cnblogs.com/ayguo/p/3398209.html

版权

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>

转载于:https://www.cnblogs.com/ayguo/p/3398209.html

weixin_30347335

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
fireEvent()与attachEvent()

IE:fireEvent():是让事件自动触发。attachEvent():是给元素绑定指定的函数。标准：var e=document.createEvent('HTMLEvents');e.initEvent('click',false,true);//参数：事件、是否冒泡、是否可以阻止默认事件。ele.dispatchEvent(e);给ele元素分派事件。a...
复制链接

扫一扫