使用鍵盤時Firefox滾動條未聚焦

我正在使用滾動溢出的div。預期的行爲是當可滾動div通過點擊div或點擊滾動條來聚焦時，鍵盤命令將被啓用（即光標鍵，頁面向上翻頁等）。以下是一些示例測試代碼使用鍵盤時Firefox滾動條未聚焦

<html> 
    <head> 
     <script type="text/javascript"> 
      function handle() { console.log("fired"); }; 
     </script> 
    </head> 
    <body> 
     <div style="width:200px; height:500px; overflow-y: scroll; border: 1px solid gray;" onscroll="handle()"> 
      <div style="width:150px; height:2000px;">&nbsp;</div> 
     </div> 
    </body> 
</html>

這適用於IE，Chrome，Safari。但是對於Firefox，鍵盤動作只有在點擊div時纔會激活，而不是滾動條本身，所以這是問題所在。

來源

2012-09-14 Jason Hu

顯然使div選項卡能夠解決問題！我只是添加了tabindex =「0」屬性，並且在Firefox中單擊滾動條現在將啓用鍵盤控制。

來源

2012-09-14 16:21:21

使用鍵盤時Firefox滾動條未聚焦

回答

相關問題