码迷,mamicode.com
首页 > 其他好文 > 详细

事件绑定

时间:2016-07-25 15:56:02      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

绑定多个事件

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            #box1{
                width:100px;
                height:100px;
                background: red;
            }
            #box2{
                width:200px;
                height:200px;
                background: blue;
            }
        </style>
        <script>
                    function addEvent(obj,ev,fn){
                            if(obj.attachEvent){obj.attachEvent(‘on‘+ev,fn);
                            }else{obj.addEventListener(ev,fn,false)}
                        }
                 window.onload=function(){
                          var oBox1=document.getElementById("box1");
                          var oBox2=document.getElementById("box2");
                          addEvent(oBox1,‘click‘,function(){
                             oBox2.style.background=‘green‘;
                          });
                          addEvent(oBox1,‘mouseover‘,function(){
                             this.style.background=‘purple‘;
                          });
                          addEvent(oBox1,‘mouseout‘,function(){
                             this.style.background=‘red‘;
                          });
            }
        </script>
    </head>
    <body>
        <div id="box1"></div>
        <div id="box2"></div>
    </body>
</html>

 

事件绑定

标签:

原文地址:http://www.cnblogs.com/yang0902/p/5703763.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!