管理聚焦到HTML表格

以下代碼是在側邊欄一個選擇的項目：管理聚焦到HTML表格

<table cellpadding="0" cellspacing="0" border="0" align="left"> 
    <tr> 
     <td valign="top"> 
     <ul class="mainsidebar"> 
      <li class="mainsidebarli"> 
       <table cellpadding="1" cellspacing="0" border="0" width="100%"> 
        <tr> 
        <td class="sidebarIcon" valign="middle"><a class="sidebarLink" href="list.jsp"><img src="/images/sidebar/residents.png" width="28" height="28" border="0" hspace="0" vspace="0"/></a></td> 
        <td class="sidebarLabel" valign="middle"><a class="sidebarLink" href="list.jsp">The List</a></td> 
        </tr> 
       </table> 
      </li> 
     </ul> 
     </td> 
    </tr> 
</table>

的mainsidebar是應用程序的主右手導航。目前，當鼠標懸停在列表項目中的一個表格上時，感謝jQuery & CSS，整個表格的樣式發生了變化。

使用Tab鍵瀏覽此側欄時出現問題。目前，焦點集中在最內表中的每個href。所需的效果是讓桌面本身獲得鍵盤焦點，以便鼠標懸停時可以看到相同的顏色變化，並且可以使鍵與點擊任一個鏈接相同。

這是怎麼做的？

來源

2014-09-29 Sam Carleton

我不認爲你可以專注表：

在

$('td,th').on('focus', function() { $(this).closest('table').focus() } )

例。這裏有一些很好的信息http://stackoverflow.com/questions/1599660/which-html-elements-can-receive-focus – Turnip 2014-09-29 19:59:53

您可以通過向其添加tabindex來使表可以聚焦。

這適用於Chrome，Firefox，Opera和Safari。

爲了得到它工作在IE，你可以加少許的jQuery：http://jsfiddle.net/5fagh2tf/10/

來源

2014-09-29 20:11:29

管理聚焦到HTML表格

回答

相關問題