title: Making a clickable <div> accessible through tab structure?
body: <p>So I am working on a project that requires a <code>&lt;div&gt;</code> with an onclick event. I've got the main functionality working, but there is one problem. I need the onclick event to happen when the user tabs to the <code>&lt;div&gt;</code> and presses enter. I added a tabindex to the <code>&lt;div&gt;</code> which allows it to gain focus, but nothing happens when the user presses enter (or any other key).</p>
  
  <p>Can anyone help me with this? Or is what I want not even possible?</p>
  
  <p>Here is a jsfiddle demonstrating my problem.
  <a href="http://jsfiddle.net/logiwan992/suwq7r09/" rel="noreferrer">http://jsfiddle.net/logiwan992/suwq7r09/</a></p>
  
  <p>Thank you in advance for any help.</p>