jQuery .on()委托mouseenter和mouseleave

前端之家收集整理的这篇文章主要介绍了jQuery .on()委托mouseenter和mouseleave前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Combining jquery functions – on() hover/mouseenter/mouseleave6
使用 .on()委托多个事件的最佳方式是什么?

这是一个委托事件的语法:

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

这里是多个事件的语法(未委派):

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

我想知道如果还有一个更简洁的方式来做这件事:

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

如果我不得不这样做,这不是什么大事,我比任何事情更好奇.

解决方法

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

猜你在找的jQuery相关文章