javascript - jQuery 是 mousedown on mouseover

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 事件更改背景。