Javascript 이벤트를 "레이어"할 수있는 방법이 있습니까?

Question

각 12 행의 집합이 12 input[class='variant-amount'] 개 있습니다. 입력 필드 중 일부는 이벤트가 그들과 관련된 한 같은 "onkeypress"이나 "onkeyup"

나는 "onkeypress" 이벤트를 사용 .variant-amounts에 글로벌 이벤트 리스너를 적용 할 것이지만, 그 입력 필드의 작용을 무시하고 싶지 것이라고 이미 "onkeypress" 이벤트가 첨부되었습니다.

그래서 기본적으로 자체 코드를 실행하고 자체 "onkeypress" 이벤트를 실행 한 후 이벤트를 설정하는 방법이 있습니까? 어느 시점에서 만약 당신이 액세스 할 수있는 경우

Answer 1

function all(){ // code } 
function press(){ 
    //code 
    all(); 
} 
function up(){ 
    // code 
    all(); 
} 
elemenUp.addEventListener("keyup", up()); 
elementPress.addEventListener("keypress", press()); 

, 그냥 모든 (argThis)에 인수하고이 내부 이벤트 리스너 함수를 통과 (모든 입력 상자 자체를 수정하지 않고, 그들은 그것의 클래스 불구 액세스해야합니다).

Answer 2

이벤트 처리기의 기능을 유지하고 확장하려면 이벤트 처리기를 재정의해야하지만 원래 처리기에 대한 참조를 저장하고 호출해야합니다.

나는, 각 input이 특정 하나를 할당 한 후 전역 이벤트 핸들러를 할당하는 것이 좋습니다 모든 입력이 자신의 핸들러가 후 같은 것을 할 :

// Query all the inputs and transform the result into a proper array 
Array.prototype.slice.call(document.querySelectorAll('input[class="variant-amount"]')) 
    .forEach(function (variantAmount) { 
     var original = variantAmount.onkeypress; 

     variantAmount.onkeypress = function() { 
      // do your stuff 

      // Call the original event handler forwarding both this and the arguments, which needs to be converted to a real array 
      original.apply(this, Array.prototype.slice.call(arguments)); 
     }; 
    }); 

Answer 3

을 당신은 포착 키 누르기 이벤트에 대한 컨테이너를 신청해야 단계. 이 방법 컨테이너는 자손의 키가 나타납니다 http://www.quirksmode.org/js/events_order.html