title: Binding Events in Zepto
body: <p>I'm looking to convert the following plugin <a href="https://github.com/jeresig/jquery.hotkeys" rel="nofollow">jquery.hotkeys.js plugin</a> from jQuery to be used with <a href="https://github.com/madrobby/zepto" rel="nofollow">Zepto</a>.</p>
  
  <p>Right now I'm using coffeescript but I'll include the Javascript translation as well. Zepto has a binding and events API for <code>keyup</code>, <code>keydown</code>, and the <code>keypress</code> events (see <a href="https://github.com/madrobby/zepto/blob/master/src/event.js#L148" rel="nofollow">here</a>), but binding a new custom event (in this case, <code>keyHandler</code>) to accept those events is a bit tricky that I don't quite understand. </p>
  
  <p><a href="https://gist.github.com/803c190763ab0b3f4c0c" rel="nofollow">Here's the code</a> that I've gone through so far.  I'm having a bit of trouble with the last line - in particular, <a href="https://github.com/jeresig/jquery.hotkeys/blob/master/jquery.hotkeys.js#L95" rel="nofollow">when jquery.hotkeys binds the keyHandler event</a> to the special custom handler of jQuery that I believe Zepto has no alternative of.</p>
  
  <p>Can anyone help me out in getting Zepto to call keyHandler each time I write the following?</p>
  
  <pre><code>$('*').bind('f', function() { console.log("pressed the 'f' key"); });
  </code></pre>
  
  <p>So, if I even press the f key on a webpage, log to the console that message.</p>