看了好久一直不知道这段代码是怎么执行的

Question

css部分：

 <style type="text/css">

        .red{

            width:100px;

            height:100px;

            background: red;

        }

        .blue{

            width:100px;

            height:100px;

            background: blue;

        }

html部分：

    <div id="box" class="red">测试Div</div>

js部分：

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', function () {

        alert('Lee');               //为什么这一句可以多次执行？？？

    });

    addEvent(box, 'click', toBlue);

});

function toRed() {

    this.className = 'red';

    //removeEvent(this, 'click');

    addEvent(this, 'click', toBlue);

}

function toBlue() {

    this.className = 'blue';

    //removeEvent(this, 'click');

    addEvent(this, 'click', toRed);

}

Answer 1

这代码还是别看了,单击改变颜色, 这写的跟一坨米田共,你看了没好处帮助.正确做法是用addEventListener

Answer 2

单击事件改变class属性.