Tabindex不工作的div元素打開模式

Question

我需要幫助解決以下情況。

我有一個包裹着圖像的div。當我用鼠標點擊div部分時，會顯示一個小工具提示模式以顯示地址。 （想象這個例子在地圖上有數字，點擊數字就會彈出地址）。

要與鍵盤導航具有相同的行爲，我已經爲div提供了tabindex =「0」。

現在我能夠達到div，但是當我按下Enter /空格鍵單擊時，我無法查看工具提示模式。

的keydown事件也沒有工作

誰能幫我，這可能是根本原因。一個例子會更容易理解更好

Answer 1

，因爲很可能你使用的工具提示插件，它與點擊事件缺省的工作，但你還需要keyboards events，使其可與輸入/空格鍵。

現在，也許該插件支持他們太多，如果你能告訴我們，我們會發現其中一個;）

反正一個通用的解決方案是

• 附加鍵盤事件到您DIV
• 抓在用戶按下Enter /空格鍵
• 觸發點擊

嘗試這種合作德：

$('#target').on('keyup', function(e){ 
    //13 = Enter key, 31 == Spacebar key 
    if(e.keyCode == 13 || e.keyCode == 32) $(this).click(); 
}) 

見這個例子：JSFIDDLE