JQuery-点击事件和多个按键场景（棘手）

我有一个跨度列表。所有的类都有预加载程序。除了该类之外，跨度还可以使该类处于活动或非活动状态。默认情况下，设置为“不活动”。基本上是“激活”表示黑色字体颜色，而“激活”表示橙色字体颜色。单击，我有两个场景。简单单击时，所有跨距都设置为非活动，单击的跨距设置为活动。在按住alt键的情况下单击时，仅从单击的范围中删除非活动类，并将活动类添加到该范围中。这很好用。我想知道的是添加一个新的场景，如下所示：在click+alt+cmd（mac os）上，我想将该类添加到上一次单击的跨度（该类处于活动状态）和当前单击的跨度之间的所有跨度中。希望我清楚。提前感谢您的回复。干杯马克

我的html：

<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>
<span class="pre-loader inactive">item</span>

我的js：

$(document).on({
    click: function(e) {

        if (e.altKey) {
            $(this).removeClass('inactive').addClass('active');
        }
        else {
            $('.pre-loader').removeClass('active').addClass('inactive');
            $(this).addClass('active');
        }

    }
}, ".pre-loader");​

---

我设法找到了解决办法。对于感兴趣的人，请查看下面的链接

$(document).on({
    click: function(e) {

        if (e.altKey) {
            $(this).removeClass('inactive').addClass('active');
        }
        else {
            $('.pre-loader').removeClass('active').addClass('inactive');
            $(this).addClass('active');
        }

    }
}, ".pre-loader");​