Hi All

I just found a bug in Jquery! The keyup and keypress events sometimes catch duplicates if you press enter twice really fast. But this only happens if the event is attached to the JQuery object:

// this will allow duplicates if I press enter really fast twice.
$("#messageBox").keypress(function(e) {
                     //alert(e.keyCode);
                     if(e.keyCode == 13) {
                             chatApp.sendMessage();
                     }
             });

This doesn't use Jquery, and it does not suffer from the same problem. However, JavaScript id selectors are no fun.

// works great!  No duplicates!  But doesn't allow CSS selectors
document.getElementById("messageBox").onkeypress = function enterKey(e)  
             {  
                 var key = e.which||e.keyCode;  
  
                 if(key == 13)   
                 {
                     chatApp.sendMessage();
                 }
             };

As a workaround so I can use JQuery selectors, I just get the raw DOM element instead and then attach the event to the raw DOM element by using the JS array notation:

// use Jquery to get the element, then attach event to the RAW DOM element
           $('#messageBox')[0].onkeypress = function(e) {

                 var key = e.which||e.keyCode;  
  
                 if(key == 13)   
                 {
                     chatApp.sendMessage();
                 }
             };
             

I would say this is a relatively minor bug as the workaround is not difficult.

Summary:

allows duplicates - BUG!

$('#messageBox').keypress

no duplicates

document.getElementById("messageBox").onkeypress

// no duplicates AND can use CSS selectors

$('#messageBox')[0].onkeypress

James