JQuery - 多按鍵場景下的點擊事件（棘手）

Question

我有一個跨度列表。所有的都有類預加載器。除了那個班級之外，一個班級可以有班級活動或不活動。默認情況下，非活動設置。基本活動意味着黑色字體顏色和活動橙色字體顏色。點擊後，我有2個場景。只需簡單點擊，所有跨度設置爲非活動狀態，點擊活動。點擊alt按下後，只會從點擊的範圍中刪除非活動類，並將活動類添加到活動類中。這工作正常。我想知道的是添加一個新的場景，如下所示：在點擊+ alt + cmd（mac os），我想添加活動類到最後一個活動類的點擊跨度和目前點擊跨度。希望我清楚。預先感謝您的回覆。乾杯。馬克

http://jsfiddle.net/E2nM4/

我的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> 

我的CSS：

span{margin-left:15px;} 
.pre-loader.inactive{color:black;} 
.pre-loader.active{color:orange;} 

我的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");​ 

Answer 1

我設法找到一個解決方案。對於那些感興趣的人請查看下面的鏈接。

http://jsfiddle.net/xqNT8/6/