jQuery .on() 위임 된 mouseenter 및 mouseleave

Question

.on()을 사용하여 여러 이벤트를 위임하는 가장 좋은 방법은 무엇입니까?

이

한 위임 이벤트에 대한 구문입니다

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

그리고 여기에 여러 이벤트에 대한 구문 (위임하지 않음)입니다 : 더 간결 방법이 있다면 궁금 해서요

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

그 외의 경우에는 다음을 수행하십시오.

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

내가 그런 식으로해야한다면 큰 문제는 아니지만 더 궁금합니다. 그것에 대해 무엇보다.

Answer 1

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