프로토 타입 상속을 사용하여 자바 스크립트에서 이벤트 처리

Question

JavaScript에서 이벤트 처리를 사용하려고합니다. 이것이 내가 지금까지 가지고있는 것입니다 :

그러나 어떤 이유로 든 모든 이벤트가 동시에 트리거됩니다. 예를 들어, Click 이벤트 트리거링 대신 Form의 Title 필드를 클릭하면 네 개의 이벤트가 모두 트리거됩니다.

내가 뭘 잘못하고 있니?

Answer 1

귀하의 switch 문이 일부 break 문을 누락하므로, click의 경우 4 가지 방법이 모두 실행됩니다.

Field.prototype.handleEvent = function(event) { 
    var prop = event.type; 
    if (prop in this) // && typeof this[prop] == "function" 
     this[prop](this.value); 
}; 

명시 적으로 언급하지 않고 모든 이벤트에 대해 작동합니다

그러나, switch -statement보다 더 나은 옵션이있다.

Answer 2

심플. case 블록이 끝날 때마다 break; 문을 사용하여 모든 블록과 구분하십시오.

Answer 3

switch 문에 각 경우마다 break이 있어야합니다.

switch (event.type) { 
    case "click": this.click(this.value); break; 
    case "onblur": this.onblur(this.value); break; 
    case "change": this.change(this.value); break; 
    case "dblclick": this.dblclick(this.value); break; 
} 

마지막 휴식은 필요하지 않지만 추가 사례를 추가 할 수 있으므로 포함하는 것이 좋습니다.