title: Change focus on press Up/Down button
body: <p>everyone!</p>
  
  <p>I've div tag, for instance</p>
  
  <pre><code>&lt;style&gt;
    #DistrictStyle li:hover { background-color: rgb(129,171,242);}
  &lt;/style&gt;
  &lt;div id="DistrictList" style=  "display: none;
                                        z-index: 500;
                                        list-style-type: none;
                                        border: 1px solid rgb(129,171,242);
                                        background-color: white;
                                        max-height:150px;
                                        overflow-y:scroll; position:absolute;
                                        left: 208px; top: 135px; "&gt;&lt;ul id="DistrictStyle"&gt;&lt;/ul&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So, now on mouse click of record of this list I fill several fields. And I need to navigate by Up/Down button thru list. </p>
  
  <pre><code>&lt;li onclick='fill_distr(" + x + ");'&gt;" + "&lt;/li&gt;";
  </code></pre>
  
  <p>How can I achieve this? Can I only use pure JS or ought to use jQuery? I guess I should catch events of mouse focus and press "enter".
  Thanks in advance.</p>