обработчик событий на несколько событий

Question

Можно создать дубликат:
Bind multiple events to jQuery 'live' method

У меня есть следующие функции:

$("td.delivered").click(function() { 

     $(this).html($("<input/>", { 
      id: 'inp', 
      style: 'width:80px;', 
      placeholder: "YYYY-MM-DD", 
      change: function() { 
      selectdone(this, title_id, status_type); 
      }, 
      blur: function() { 
      selectdone(this, title_id, status_type); 
      }, 
      onkeypress=="Return": function() { // pseudo-code 
      selectdone(this, title_id, status_type); 
      } 
     }) 
     ); 
} 

следующие работы, что было бы лучше, чтобы Напиши это?

  change: function() { 
      selectdone(this, title_id, status_type); 
      }, 
      blur: function() { 
      selectdone(this, title_id, status_type); 
      }, 
      onkeypress: function(e) { 
      if (e.keyCode == 13) { 
      selectdone(this, title_id, status_type); 
      } 
      } 

Как бы я пишу это более сжато, делая selectdone функции огня по change, blur и return?

Answer 1

$(this).html($("<input/>", { 
     id: 'inp', 
     style: 'width:80px;', 
     placeholder: "YYYY-MM-DD" 
    }); 

$('input', this).bind('change blur keypress', function(e) { 
    if(e.type != 'keypress' || e.keyCode == 13){ 
     selectdone(this, title_id, status_type); 
    } 
}); 

Answer 2

Вы можете использовать bind:

$(this).html($("<input/>", { 
     id: 'inp', 
     style: 'width:80px;', 
     placeholder: "YYYY-MM-DD", 
     change: function() { 
     selectdone(this, title_id, status_type); 
     } 
    }); 

    $(this).bind('blur keypress change', function(e){ 
    selectdone(this, title_id, status_type); 
    }); 

Вы, возможно, потребуется изменить код для различных событий. Обратите внимание, что для того, чтобы узнать, какое событие в данный момент запущено, вы должны использовать e.type