title: How to interact with div using keyboard shortcuts?
body: <p>Is it possible to use keyboard shortcuts to manipulate divs, I am developing a project for <strong>use with seniors</strong> and they <strong>not interact with mouse</strong>, can I use keyboard shortcuts to click on the divs and open their contents?</p>
  
  <p>How to use the event <code>trigger</code> as long as the keys are pressed?</p>
  
  <pre><code>keydown = ctrl+g
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-md-3 col-sm-3 alert alert-danger"&gt;&lt;a href=""&gt;Open ctrl+g or click&lt;/a&gt;&lt;/div&gt;
    &lt;div class="col-md-3 col-sm-3 alert alert-warning"&gt;&lt;a href=""&gt;Open ctrl+d or click&lt;/a&gt;&lt;/div&gt;
    &lt;div class="col-md-3 col-sm-3 alert alert-success"&gt;&lt;a href=""&gt;Open ctrl+e or click&lt;/a&gt;&lt;/div&gt;
    &lt;div class="col-md-3 col-sm-3 alert alert-info"&gt;&lt;a href=""&gt;Open ctrl+i or click&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <blockquote>
    <p>Can this impact browser shortcuts?</p>
  </blockquote>
  
  <p>Example <code>ctrl+g</code> impact from google-chrome, not open a link, open to search console of browser</p>
  
  <blockquote>
    <p>Or is there another form of accessibility use?</p>
  </blockquote>