JQuery.on() делегированный mouseenter и mouseleave - программирование
Подтвердить что ты не робот

JQuery.on() делегированный mouseenter и mouseleave

Какой лучший способ делегировать несколько событий с помощью .on()?

Это синтаксис для одного делегированного события:

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

И вот синтаксис для нескольких событий (не делегированных):

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

Мне было интересно, есть ли более короткий способ сделать это:

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

Это неважно, если я должен сделать это таким образом, мне больше любопытно, чем что-либо.

4b9b3361

Ответ 1

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