2011-05-18 85 views
0

在附帶的屏幕快照中,您可以重新命名選定的選項卡,然後單擊它並刪除選項卡,我們需要將鼠標懸停在未選定的選項卡上標籤。現在這個事件不是關鍵板可訪問的。爲此,我想爲重命名設置f2鍵,即。當選中一個標籤時,我可以通過按f2鍵對其進行重命名,並刪除標籤,我想修復選項卡上的刪除按鈕而不是鼠標懸停,並且可以使其可以訪問鍵盤。如何設置用於重命名標籤的功能鍵(f2)

現在我需要解決這兩個問題,我可以提供用於刪除選項卡的css代碼。

.js .delete-tab { 
    background: url(../images/common/remove.png) no-repeat 42%; 
    cursor: pointer; 
    display: block; 
    height: 8px; 
    position: absolute; 
    right: 2px; 
    text-indent: -9999em; 
    top: 2px; 
    width: 8px; 
} 

screenshot

+2

可以了'keydown'事件添加到全身,使你收到此通知你的文檔中按下的鍵。使用'e.keyCode'知道哪個鍵 - F2有keyCode 113. – pimvdb 2011-05-18 05:40:49

+1

從可用性的角度來看,請記住F2重命名是一個Windows功能。可能對Linux/Mac用戶不那麼直觀。所以一定要清楚地傳達它。 – Damien 2011-05-18 07:55:23

回答

4

jQuery的方式:

$('body').keydown(function(e) { 
    if (e.which === 113) { 
     // F2 was pressed 
     // e.target holds a reference to the current DOM element 
    } 
}); 
+0

@ Matty我可以通過CSS來做到這一點,或者有沒有其他的辦法? – Reuben 2011-05-27 05:20:10