javascript - 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(); } );