Tabindex不能用于div元素打开模态

Question

我需要帮助才能修复以下情况。

我有一个用图像包裹的div。当我在div部分用鼠标点击时，将显示一个小工具提示模式以显示地址。 （想象一下这个例子在地图上有数字，点击它会弹出地址的数字）。

为了与键盘导航具有相同的行为，我提供了tabindex =＆＃34; 0＆＃34;对于div。

现在我能够到达div，但是当我按Enter / spacebar点击时，我无法查看工具提示模式。

keydown事件也无法正常工作

任何人都可以帮助我，这可能是根本原因。一个例子将更容易理解

Answer 1

因为您可能正在使用工具提示插件，默认情况下可以使用点击事件，但您还需要使用keyboards events才能使其适用于输入/空格键。

现在，也许该插件也支持它们，如果你能告诉我们哪一个我们会发现;）

无论如何，通用的解决方案是

• 将键盘事件附加到您的div
当用户按回车键/空格键时
• 抓住
• 触发点击

试试这段代码：

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

请参阅此示例：JSFIDDLE