Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
​
<!DOCTYPE html>
​
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<meta charset="utf-8" />
<title>Fix them keys, por favor</title>
</head>
<body>
  <header>
    <h1>Keydown testing</h1>
    <hr>
  </header>
  <section id="buttonville">
    <h2>Trigger through generic Event object</h2>
    <ul id="buttons-generic">
      <li>
        <button data-key="37">Left</button>
        <button data-key="39">Right</button>
        <button data-key="38">Up</button>
        <button data-key="40">Down</button>
        <button data-key="13">Enter</button>
        <button data-key="27">Esc</button>
        <button data-key="65">A</button>
      </li>
    </ul>
    <h2>Trigger through KeyboardEvent</h2>
    <ul id="buttons-keyboard">
      <li>
        <button data-key="37">Left</button>
        <button data-key="39">Right</button>
        <button data-key="38">Up</button>
        <button data-key="40">Down</button>
        <button data-key="13">Enter</button>
        <button data-key="27">Esc</button>
        <button data-key="65">A</button>
      </li>
    </ul>
    <hr>
  </section>
  <section id="tracer">
    <ul class="logs"></ul>
  </section>
</body>
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
callmephilippro
0viewers