javascript - jQuery 中的事件相互依赖

Question

我必须创建一个包含单元格的表格，通过单击该表格，我必须根据单击的所有单元格为参数提供一些值

如果它是单个单元格，我可以通过 jquery 中的单击函数来完成此操作。但用户可能可以选择多个单元格，作为返回，如果所选单元格彼此相邻，则应更新参数；如果所选单元格不相邻，则应提示用户。

好像很复杂。我如何在 jQuery 中实现这一点？

更新:

该表是一个类似日历的应用程序，其中时间和地点为行和列。行中的每个单元格代表 1 小时的时段。用户可以选择多个 1 小时时间段，这些时间段可以组成一个更大的时间段(例如 3 小时时间段)，以便在表中创建跨越该时间段的事件。

Answer 1

这是一个非常好的工作示例。您可以监视鼠标向下/向上事件以确定用户将鼠标拖动到哪些单元格上。然后添加一个类，以便您知道它们是哪些。此外，您还可以向父行添加一个类。

然后，当鼠标松开时，您将检查是否已激活多行。如果是这样，那么 tr.active 将大于 1。

http://jsfiddle.net/mrtsherman/bCcbZ/

var mousedown = false;

$(document).mousedown(function() {
    mousedown = true;
});

$(document).mouseup(function() {
    mousedown = false;
    if ($('tr.active').length > 1) {
        alert('separate rows');
    }
    else { alert('same row'); }

    $('.active').removeClass('active');
});

$('td').mousedown(function() {
    $(this).addClass('active').parent().addClass('active');
});

$('td').mouseover(function() {
    if (mousedown) {
        $(this).addClass('active').parent().addClass('active');
    }
});​