JavaScript：DRY mouseover / mouseout事件处理程序

Question

这是我的代码：

    $rows
        .on('mouseover', '.row', function () {
            $(this).find('.label').show();
        })
        .on('mouseout', '.row', function () {
            $(this).find('.label').hide();
        });

可以晾干吗？

Answer 1

您可以绑定两个事件，侦听event.name ，然后使用jQuery.fn.toggle

$userRows.on('mouseover mouseout', '.row', function(event) {
    $(this).find(".label").toggle( event.name == "mouseover" );
});

我很确定你也可以使用jQuery.fn.hover ：

$userRows.on('hover', '.row', function(event) {
    $(this).find(".label").toggle( event.name == "mouseenter" );
});

甚至：

$userRows.on('hover', '.row', function(event) {
    $(this).find(".label").toggle();
});

Answer 2

关于什么：

$ rows.hover（function（）{$（this）.find（'。label'）。toggle（）;}，function（）{$（this）.find（'。label'）。toggle（）;} ）;