title: html table tr onkeydown not working
body: <p>I am trying to make a keyboard navigated html table using tr keydown event, issue is keydown event is not getting fired when I press any key on table.</p>
  
  <p>I tried using </p>
  
  <pre><code>onkeydown="method();" 
  </code></pre>
  
  <p>and jquery </p>
  
  <pre><code>$("tr").keydown(function(event){}); 
  </code></pre>
  
  <p>but still keydown event is not getting fired.</p>
  
  <p>link(nitinkabra.com/new_table)</p>
  
  <p>below is an example of what i have done yet :
                  </p>
  
  <pre><code>            &lt;head&gt;
  
              &lt;script&gt;
                      function keydwn() {
                          alert("herte");
                      }
  
              &lt;/script&gt;
  
              &lt;style&gt;
              .selected:focus{background-color:green}
              .selected:hover{background-color:#fdfd02}
              &lt;/style&gt;
  
              &lt;/head&gt;
              &lt;body&gt;
  
              &lt;div style="width:750px;max-width: 3200px;max-height:450px;overflow-y:hidden;overflow-x:scroll;"&gt;
                  &lt;div style="width:750px;max-width: 3200px;"&gt;
  &lt;table class='default_table' style="table-layout: fixed; width: .3200px; overflow: visible;"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th style="width: 300px"&gt;
                  Ledger Name
              &lt;/th&gt;
              &lt;th style="width: 150px"&gt;
                  Group
              &lt;/th&gt;
              &lt;th style="width: 300px"&gt;
                  Address 1
              &lt;/th&gt;
              &lt;th style="width: 300px"&gt;
                  Address 2
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  Contact Person
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  City
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  State
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  PIN
              &lt;/th&gt;
              &lt;th style="width: 150px"&gt;
                  Phone
              &lt;/th&gt;
              &lt;th style="width: 150px"&gt;
                  Mobile
              &lt;/th&gt;
              &lt;th style="width: 200px"&gt;
                  E-Mail
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  TIN
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  Area
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  Remarks
              &lt;/th&gt;
              &lt;th style="width: 100px"&gt;
                  Opening
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  Lock Credit Bill
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  Limit on Amount
              &lt;/th&gt;
              &lt;th style="width: 100px"&gt;
                  Limit on Bill
              &lt;/th&gt;
              &lt;th style="width: 120px"&gt;
                  Limit Credit Days
              &lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  &lt;/div&gt;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
  
              &lt;div style="width: 3405px;overflow-y:scroll;overflow-x:hidden; max-height:430px;"&gt;
  
                  &lt;table id = "main_table" class='default_table' style="table-layout: fixed; width:100%;margin-top:-30px;"&gt;
  
                      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style="width: 300px"&gt;
              Ledger Name
          &lt;/th&gt;
          &lt;th style="width: 150px"&gt;
              Group
          &lt;/th&gt;
          &lt;th style="width: 300px"&gt;
              Address 1
          &lt;/th&gt;
          &lt;th style="width: 300px"&gt;
              Address 2
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              Contact Person
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              City
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              State
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              PIN
          &lt;/th&gt;
          &lt;th style="width: 150px"&gt;
              Phone
          &lt;/th&gt;
          &lt;th style="width: 150px"&gt;
              Mobile
          &lt;/th&gt;
          &lt;th style="width: 200px"&gt;
              E-Mail
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              TIN
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              Area
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              Remarks
          &lt;/th&gt;
          &lt;th style="width: 100px"&gt;
              Opening
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              Lock Credit Bill
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              Limit on Amount
          &lt;/th&gt;
          &lt;th style="width: 100px"&gt;
              Limit on Bill
          &lt;/th&gt;
          &lt;th style="width: 120px"&gt;
              Limit Credit Days
          &lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
  
                      &lt;tbody&gt;
                              &lt;tr id="0" class="selected" onkeydown="keydwn();"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      ABC India Pvt. Ltd.
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
                                      ABC Add 1, Chennai
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
                                      Chennai
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
                                      Chennai
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
                                      abc@yahoo.com
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      5000.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
                                      1
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr id="1" class="selected" onkeydown="keydwn(event);"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      Abhilash Loan Ac
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
                                      Unsecured Loans
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
                                      215, M.G.ROAD, BANGA
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      0.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr id="2" class="selected" onkeydown="keydwn(event);"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      Abxd India Pvt Ltd
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
                                      Sundry Debtors
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      0.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr id="3" class="selected" onkeydown="keydwn(event);"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      Accum. Dep. on Building
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
                                      Fixed Assets
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      0.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr id="4" class="selected" onkeydown="keydwn(event);"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      Accum. Dep. on Computer &amp;amp; Per.
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
                                      Fixed Assets
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      0.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr id="5" class="selected" onkeydown="keydwn(event);"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      Accum. Dep. on Furn. &amp;amp; Fixt.
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
                                      Fixed Assets
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      0.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr id="6" class="selected" onkeydown="keydwn(event);"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      Accum. Dep. on Motor Car
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
                                      Fixed Assets
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      0.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;tr id="7" class="selected" onkeydown="keydwn(event);"&gt;
                                  &lt;td style="width: 300px"&gt;
                                      Accum. Dep. on P &amp;amp; M - I
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
                                      Fixed Assets
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 300px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 150px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 200px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
                                      0.00
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 100px"&gt;
  
                                  &lt;/td&gt;
                                  &lt;td style="width: 120px"&gt;
  
                                  &lt;/td&gt;
                              &lt;/tr&gt;
                              &lt;/tbody&gt;
              &lt;/table&gt;
              &lt;/div&gt;
              &lt;/div&gt;
              &lt;script&gt;
              document.getElementById('0').focus();
              &lt;/script&gt;
  
              &lt;/body&gt;
              &lt;/html&gt;
  </code></pre>