2012-02-26 101 views
1

目前我的功能看起來像多項選擇,按CTRL鍵

http://jsfiddle.net/tt13/5CxPr/13/

正如你看到的,現在當我點擊一個接一個多行,這會讓他們選擇。

我想要做的是通過按Ctrl +左鍵單擊選擇多個行,只有一個選擇,只有一個 - 左鍵單擊(我的意思是刪除先前選擇並選擇最後單擊一個;就像Windows圖標選擇)。我如何修改當前的代碼?

回答

3

試試這個:

$(".subject").live('click',function(event) { 
    event.preventDefault(); 

    if(event.ctrlKey) { 
      $(this).toggleClass('selected'); 
    } else { 
      $(".subject").removeClass("selected"); 
      $(this).addClass("selected");   
    } 
}); 
+0

THX非常多。有用。 http://jsfiddle.net/tt13/5CxPr/21/一個小錯誤:在Firefox上它顯示奇怪的藍色邊界http://screencast.com/t/3lPxnKOZZ鉻沒有。我該如何解決這個問題? – heron 2012-02-26 08:59:17

+0

我編輯答案並添加了'event.preventDefault();'以防止點擊被處理爲firefox並着色該行。藍色邊框不應再顯示 – 2012-02-26 09:11:52

相關問題