요소에 이벤트 바인딩

Question

여러 요소에 이벤트를 바인딩하는 가장 좋은 방법은 무엇입니까? 이 코드를 작성하면이를 수행 할 수있는 좋은 방법이 있습니다.

$('#GiftPurchase_recipient_first_name,#GiftPurchase_recipient_last_name').bind('blur', function() { 
     gift_to = $('#GiftPurchase_recipient_first_name').val()+" "+$('#GiftPurchase_recipient_last_name').val(); 
     $("#gift_to").val(gift_to); 
    }); 

내가 먼저 이름과 성을 가진 두 개의 입력 상자를 가지고, 내가 요소를 클래스를 줘 다른 요소

Answer 1

으로이 처음 anme 이름과 성을 표시하고 클래스에 이벤트를 추가하는 실 거예요.

$('.theclassnamethatalltheelementsshare').bind('blur', function() { 
    gift_to = $('#GiftPurchase_recipient_first_name').val()+""+$('#GiftPurchase_recipient_last_name').val(); 
    $("#gift_to").val(gift_to); 
}); 

Answer 2

어쩌면 이것은 코드의 문제 무엇 누락 된`var` 외에도

$(document).ready(function(){ 
    $('#GiftPurchase_recipient_first_name,#GiftPurchase_recipient_last_name').bind('blur',function(){ 
     var gift_to = $('#GiftPurchase_recipient_first_name').val()+" "+$('#GiftPurchase_recipient_last_name').val(); 
     $("#gift_to").val(gift_to); 
    }); 
}); 

Fiddle