实现事件来回切换
div
1、新建一个层，点击层，希望层的背景色在蓝色和红色之间切换。
<script type="text/javascript"> function addEVent(obj,type,fn){ var saved=null; //判断是否之前有事件，如果有，保存下来 if(typeof obj['on'+type]=='function'){ saved=obj['on'+type]; } //执行 obj['on'+type]=function(){ if(saved)saved(); fn.call(this); }; } addEVent(window,'load',function(){ var box=document.getElementById('box'); addEVent(box,'click',toBlue); }); function toBlue(){ this.className='blue'; addEVent(this,'click',toRed); } function toRed(){ this.className='red'; addEVent(this,'click',toBlue); } </script>
<body> <div id="box" class="red">div</div> </body>
<style type="text/css">
.red{
width:100px;
height:100px;
background:red;
}
.blue{
width:100px;
height:100px;
background:blue;
}
</style>
