表格onkeyup事件在Firefox和Chrome中未觸發

以下代碼與IE無關，但無法與其他瀏覽器一起使用。表格onkeyup事件在Firefox和Chrome中未觸發

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script type="text/javascript"> 
     function OnLoad() { 
      var tbl = document.getElementById("tbl"); 
      tbl.addEventListener("keyup", OnKeyUp); 
      tbl.focus(); 
     } 

     function OnKeyUp(event) { 
      alert(event.keyCode); 
     } 
    </script> 
</head> 
<body onload="OnLoad()"> 
    <table id="tbl"> 
     <tr> 
      <td> 
       1 
      </td> 
      <td> 
       2 
      </td> 
      <td> 
       3 
      </td> 
     </tr> 
     <tr> 
      <td> 
       4 
      </td> 
      <td> 
       5 
      </td> 
      <td> 
       6 
      </td> 
     </tr> 
    </table> 
</body> 
</html>

來源

2011-09-12 Dizzy

的問題是，table元素不能在某些瀏覽器給予重點。如果一個tabindex屬性添加到表中，你的代碼應該工作，因爲這將允許表接收焦點：

<table id="tbl" tabindex="1"> 
    <!--Rest of your code--> 
</table>

這裏的工作example。

來源

2011-09-12 20:41:30

表格onkeyup事件在Firefox和Chrome中未觸發

回答

相關問題