유지 가능 한 JavaScript 이벤트 처리 작성

규칙 1: 격 리 응용 논리
    이것 은 너의 코드 를 쉽게 디 버 깅 할 수 있 게 할 것 이다.
규칙 2: 이벤트 대상 을 나 누 어 주지 마 세 요.
    이벤트 대상 에 너무 많은 정보 가 포함 되 어 있 습 니 다.

// a good example

var handlePopup = {



    //     ，     event       

    handleClick: function (e) {

 

        //       DOM Level2

        e.preventDefault();

        e.stopPropagation();



        //       

        this.showPopup(e.clientX, e.clientY);

    },



    //     ，     、

    showPopup: function(x, y) {

        var popup = document.getElementById("popup");

        popup.style.left = x + "px";

        popup.style.top = y + "px";

    }

};



addListener(element, "click", function(e) {

    handlePopup.handleClick(e);

});