title: onKeyUp onKeyDown move inside the div through the elements AngularJS
body: <p>I have a list, and I want to move through that list with keys up/down, but it also scrolls through my page. I thought by preventDefault on events, that would fix the problem, but does not.</p>
  
  <p>Fiddle <a href="http://jsfiddle.net/mato75/wKJ26" rel="nofollow">http://jsfiddle.net/mato75/wKJ26</a> </p>
  
  <pre><code>&lt;div ng-onkeyup="moveUp($event)" ng-onkeydown="moveDown($event)"&gt;
      &lt;ul&gt;
         &lt;li&gt;One&lt;/li&gt;
         &lt;li&gt;Two&lt;/li&gt;
         &lt;li&gt;Three&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  scope.moveUp = function (event) {
     moveUp();
     event.preventDefault();
  }
  
  
  scope.moveDown = function (event) {
    moveDown();
    event.preventDefault();
  }
  </code></pre>