zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    atom那些事儿
    浙江省和杭州市
    Web API之indexedDB和Web SQL
    绝对定位元素居中
    多列等高布局
    git生成ssh key及github ssh key对接
    vuejs模板使用方法
    css3动画图片波纹效果
    sticky footer布局,定位底部footer
    css3圆环闪烁动画
  • 原文地址:https://www.cnblogs.com/ayguo/p/3398209.html
Copyright © 2011-2022 走看看