jQuery.Event Constructor

An Event object created with $.Event() doesn't match the actual jQuery Event object created on keydown (an event created with $.Event() doesn't have "which" property)

by gryzzly

HTML

<section>
    An Event object created with <code>$.Event()</code> doesn't match the actual jQuery Event object created on keydown (an event created with <code>$.Event()</code> doesn't have "which" property).
    
    In the example below first two lines in log represent <code>$.Event</code>. 
</section>
<section id="logger">
    <h1>Log</h1>
    <ul>
    </ul>
</section>

CSS

section {
    margin:0 0 1em;
    width:30em;
}
#logger {
    border:10px solid;
    border-color:rgba(0, 0, 0, .5);
    padding: 5px;
    color:#fff;
    background:#444;
}
  #logger h1 {
    font-family:sans-serif;
    font-weight:bold;
    margin:0 0 .5em;
  }
  #logger li {
    font-family:monospace;
    list-style: disc inside;
  }

JavaScript

llog = function(t) {
    $('#logger > ul').append('<li>' + t + '</li>');
};

$('#logger > h1').text("jQuery Version " + $().jquery);

$(document)
  .bind('keypress', function(e) {
    llog( "e.which : " + e.which );
    llog( "e.keyCode : " + e.keyCode );
  });

$(document).trigger($.Event('keypress', { 
    keyCode: 64 
}));