하나의 요소에

Question

가능한 복제를 동일한 유형의 여러 이벤트를 바인딩하는 방법 :
add or subtract functions from onSubmit event handler?

나는 문제 같은 요소에 두 흐림 이벤트를 결합하는 데 문제가 있습니다. 바인딩하는 두 번째 함수는 요소에 바인딩 된 첫 번째 함수를 재정의합니다. 같은 요소에 여러 이벤트를 바인딩하는 적절한 방법은 무엇입니까? 나는 순수한 자바 스크립트를 사용하고있다. jQuery가 없습니다. 나는에 onblur 발사 기능을 모두 싶습니다 http://jsfiddle.net/joeljoeljoel/CRGHt/

:

다음은 예입니다. 주문은 내 특정 상황에 대해 중요하지 않지만, 주문을 제어 할 수 있는지 알고 싶습니다.

Answer 1

사용 addEventListener (하지만 가능한 경우 IE 대신 attachEvent을 사용하기 때문에, 당신이 볼 수있는 기능 테스트를 할 필요가 있습니다) :

var message = document.getElementById('message'); 
message.addEventListener("blur", function() { 
    alert('blur function one'); 
}); 
message.addEventListener("blur", function() { 
    alert('blur function two'); 
}); 

은 여기 updated fiddle입니다.

Answer 2

하나만 합치면 어떨까요?

function prepare_function() { 
    var message = document.getElementById('message'); 
    message.onblur = function() { 
     alert('blur function one'); 
     alert('blur function two'); 
    } 
}