Exampel of arrow Key Navigation via Statechart events in JavaScript. from http://stativ.us

gistfile1.js

$(document).bind('keydown', function(evt){
  var myStatechart = window.myStatechart, kid,
      keyKey = {'38':'Up', '39': 'Right', '40':'Down', '37': 'Left', '13': 'Enter'};
  console.log('Which: ', evt.which);    
  kid = keyKey[evt.which];
  if (kid) myStatechart.sendEvent('key'+kid);
});