여러 요소에 jQuery 이벤트 리스너 결합

Question

다음을 두 개의 이벤트 리스너로 결합 할 수 있습니까? IDE없이 완료

$("textarea").on("blur focus", function(event){ 
    if ($(this).hasClass('active')) { 
     $(this).removeClass("active"); 
    } 
    else { 
     $(this).addClass('active'); 
    } 
}) 

$("input").on("blur focus", function(event){ 
    if ($(this).hasClass('active')) { 
     $(this).removeClass("active"); 
    } 
    else { 
     $(this).addClass('active'); 
    } 
}) 

을하지만 이벤트를 결합하는 방법을 먹으 렴 :

$(document).on "focus", "input", (e) -> 
    $element.addClass "class-name" 
    $(document).on "blur", "input", (e) -> 
    $element.removeClass "class-name" 
    $(document).on "focus", "textarea", (e) -> 
    $element.addClass "class-name" 
    $(document).on "blur", "textarea", (e) -> 
    $element.removeClass "class-name" 

Answer 1

다음 코드를 사용해보십시오. .on() 메서드의 첫 번째 매개 변수를 사용하면 이벤트를 나열 할 수 있습니다 (금액이 제한적인지는 모르지만 아직까지는 어떤 문제도 발견하지 못했습니다).