Question

我有一张桌子，我希望在鼠标移开时更改单元格背景并按下鼠标按钮，我当前的解决方案无法正常工作：

function ChangeColor(sender) {

    sender.style.backgroundColor = 'yellow';

}

var clicking = false;


$(document).mouseup(function() {
    clicking = false;
});


$(document).ready(function() {
    $('#Table1 tr').each(function() {
        $('td', this).each(function() {
            $(this).mousedown(function() {
                clicking = true;
            });
            $(this).mousedown(function(event) {
                if (clicking==true) { ChangeColor(this); }
            });
        });
    });
});

有没有办法让它像那样工作？

Answer 1

编辑：根据您的评论，您可以执行以下操作：

$(document).ready(function() {
    isMouseDown = false

    $('body').mousedown(function() {
        isMouseDown = true;
    })
    .mouseup(function() {
        isMouseDown = false;
    });

    $('Table1 tr td').mouseenter(function() {
        if(isMouseDown)
            $(this).css({backgroundColor:'orange'});
    });
});

当鼠标悬停时，这将为td的背景着色，但仅当鼠标按钮关闭时才会为其着色。

听起来您只想在点击时更改颜色。如果是这种情况，那就比你正在尝试的要简单得多。

$(document).ready() {

    $('#Table1 tr td').click(function() {
        $(this).css({backgroundColor:'yellow'});
    });

});

这会在您点击td元素时将其更改为背景。

类似于鼠标悬停时更改颜色。

编辑：刚刚注意到你问题的标题。

如果您想在悬停时触发点击...

$(document).ready() {

    $('#Table1 tr td').click(function() {
        $(this).css({backgroundColor:'yellow'});
    })
     .mouseenter(function() {
         $(this).click();
     });

});

...当然，您可以在这种情况下消除click，只需使用mouseenter事件更改背景。

jQuery在鼠标悬停时被甩掉了

1 个答案: