jQuery .on() delegated mouseenter ve mouseleave

Question

Birden çok olayı .on() kullanarak devretmenin en iyi yolu nedir?

Bu

bir yetkilendirilen olay için sözdizimi şöyledir:

$(document).on('mouseeenter','.foo', function(){}); 

Ve burada birden fazla etkinlik için sözdizimi (yetki verilmiş değil) 'dir: Daha özlü bir yolu olup olmadığını merak ediyorum

$('.foo').on({ 
    mouseenter: function(){ 
     //stuff 
    }, 
    mouseleave: function(){ 
     //stuff 
    } 
}); 

sonra bunu yapmak için:

$(document).on('mouseenter', '.foo', function(){}) 
      .on('mouseleave', '.foo', function(){}); 

Bu şekilde yapmam gerekirse büyük bir anlaşma değil, daha çok merak ediyorum Bunun hakkında her şeyden.

Answer 1

$(document).on({ 
    mouseenter: function(){ 
     //stuff 
    }, 
    mouseleave: function(){ 
     //stuff 
    } 
}, '.foo');