单击鼠标按钮时切换多个表格单元格的背景(Toggle background of multiple table cells while mouse botton clicked)

单击鼠标按钮时切换多个表格单元格的背景(Toggle background of multiple table cells while mouse botton clicked)

我有一个每周日历，我想用一个“mousedown +移动细胞+ mouseup”突出显示多个小时。 再次以相同的方式删除高亮（反转）。

http://jsfiddle.net/yTd4Q/13/

I have a weekly calendar, where I want to highlight multiple hours with one "mousedown + move over cells + mouseup". And again remove highlight (invert) the same way.

http://jsfiddle.net/yTd4Q/13/

最满意答案

您需要跟踪鼠标是否已关闭。 这是一种简单的方法。

http://jsfiddle.net/EZLxv/2/

var mousedown = false; $(document).mousedown( function() { mousedown = true; }); $(document).mouseup( function() { mousedown = false; }); $('td').mousedown( function() { $(this).addClass('active'); }); $('td').mouseover( function() { if (mousedown) { $(this).addClass('active'); } });

You will need to track whether the mouse is down. This is a simple way of doing it.

http://jsfiddle.net/EZLxv/2/

var mousedown = false; $(document).mousedown( function() { mousedown = true; }); $(document).mouseup( function() { mousedown = false; }); $('td').mousedown( function() { $(this).addClass('active'); }); $('td').mouseover( function() { if (mousedown) { $(this).addClass('active'); } });