JS事件处理函数的一些问题
现代的事件处理函数，其递归的原理是什么？
我写了一个事件切换器，原始的一个div颜色为红色，点击后变成蓝色，再点击又变成红色，就这样切换。代码如下：
HTML代码：
<head>
<style type="text/css">
#box{
width:100px;
height:100px;
}
.red{
background-color:red;
}
.blue{
background-color:blue;
}
</style>
</head>
<body>
<div id="box" class="red">颜色切换器</div>
</body>
JS代码：
//事件添加函数
function addEvent(obj, type, fn){
var saved = null;
if(obj.type){
saved = obj.type;
}
obj.type = function(){
if(saved) saved();
fn.call(this);
};
}
//事件删除函数
removeEvent(obj, type){
if(obj.type) obj.type = null;
}
//颜色切换函数
function toBlue(){
this.className = 'blue';
removeEvent(this, 'onclick');
addEvent(this, 'onclick', toRed);
}
function toRed(){
this.className = 'red';
removeEvent(this, 'onclick');
addEvent(this, 'onclick', toBlue);
}
//开始执行
addEvent(window, 'onload', function(){
var box = document.getElementById('box');
addEvent(box, 'onclick', toBlue);
});当开始执行时，首先点击了div，颜色变蓝，再点击就变红，切换时的运行机理是什么？为何点击后还能继续成功点击？
展开
收起
1
条回答
写回答
写回答
-
这个和什么递归扯不上关系，无非就是你点了一次，它执行设置颜色的代码，并且把事件关联的处理函数设置为另一个，而另一个函数再设置回来。
remoteevent和addevent就是切换事件。2019-07-17 19:07:31赞同 展开评论 打赏
问答分类：
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
