본문 바로가기
정오표

속 깊은 자바스크립트 정오표입니다.

by 루비페이퍼 2017. 3. 20.

(1) 179페이지의 소스 내용 중 .substring(-2) 2건 모두-> .substr(-2)

(2) 180페이지의 소스 내용 중 this -> event.target (소스 아래와 같이 수정 전/수정 후로 보내드립니다.)



[수정전]
(function () {
    var wrapper = document.getElementById("tableWrapper");
    wrapper.addEventListener("mouseover", function () {
        if (this.id && this.id.indexOf("cell") > -1) {
            this.style.backgroundColor = "#EEEEEE";
        }
    }, true);
    wrapper.addEventListener("mouseout", function () {
        if (this.id && this.id.indexOf("cell") > -1) {
            this.style.backgroundColor = "#FFFFFF";
        }
    }, true);
    wrapper.addEventListener("click", function () {
        if (this.id && this.id.indexOf("cell") > -1) {
            alert(this.innerHTML);
        }
    }, true);
}());


[수정 후]
(function () {
    var wrapper = document.getElementById("tableWrapper");
    wrapper.addEventListener("mouseover", function () {
        var target = event.target || event.srcElement;
        if (target.id && target.id.indexOf("cell") > -1) {
            target.style.backgroundColor = "#EEEEEE";
        }
    }, true);
    wrapper.addEventListener("mouseout", function () {
        var target = event.target || event.srcElement;
        if (target.id && target.id.indexOf("cell") > -1) {
            target.style.backgroundColor = "#FFFFFF";
        }
    }, true);
    wrapper.addEventListener("click", function () {
        var target = event.target || event.srcElement;
        if (target.id && target.id.indexOf("cell") > -1) {
            alert(target.innerHTML);
        }
    }, true);
}());
 


 

댓글