欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 >

实现事件来回切换

发布时间：2025/7/14 42 豆豆
生活随笔 收集整理的这篇文章主要介绍了 实现事件来回切换 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
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>

 

转载于:https://www.cnblogs.com/jiangwenli/p/4891327.html

总结

以上是生活随笔为你收集整理的实现事件来回切换的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。