2012-06-28 42 views
0

我正在製作一個使用上下文菜單並有選擇的應用程序。現在我可以選擇1個元素,但是我想要做的是按Ctrl +單擊以允許我將元素添加到數組中,以便同時選擇多個元素。這樣我就可以同時影響N件東西的屬性。如何識別ctrl +點擊與JavaScript/jQuery的HTML網頁?

我需要它像Control + Clicking,如果有更好的主意,我可能會感興趣。也許Shift +點擊,但是它具有選擇X和Y之間的所有內容的一般理解,其中用戶更熟悉用ctrl單擊各個項目。

我知道該怎麼做追加的事情,但我不是知道怎麼做的:

var ev = mouse||window.event; 
var t_sel = ev.target || ev.srcElement; 
... 

回答

3
$('.item').click(function(e) { 
    if (e.ctrlKey || e.metaKey) { 
     // required code to make selection 
     // propably, add class to item to style it like selected item and check hidden checkbox 
     $(this).toogleClass('selected'); 
     $(this).find('input[type=checkbox]').attr('checked', !$(this).find('input[type=checkbox]')('checked')); 
    } 
}); 
2

這將允許你檢測控制點擊:

$(document).click(function(e) { 
    if(e.ctrlKey) { 
    //You do your stuff here. 
    } 
}); 
0

我已經使用shiftcheckbox有能力在網格中選擇一系列複選框。代碼是可用的,所以你可以改變它以適應你的需求。您也可以將它用作適合您的功能的靈感。 https://github.com/nylen/shiftcheckbox