/* 1. Check if Enter Key has been pressed 2. If Enter Key has been pressed, bind click event with a handler to the default button among siblings. 3. Trigger click() event */ $('input[type=text]').bind({ keypress: function( event ) { if( checkIfEnterKeyPressed() ){ //1.Check if Enter Key has been pressed var message = 'Enter key has been pressed while in ' + $(this).attr('id') + '.'; $(this).siblings('.defaultButton').bind( //2. Bind click event handler 'click', { msg: message }, function( event ){ alert( event.data.msg + '\n' + $(this).val() + ' has been clicked()' ); } ).click(); //3. Trigger click event } } }); function checkIfEnterKeyPressed() { var keycode = ( event.keyCode ? event.keyCode : event.which ); return ( keycode == '13' ? true : false ); }
Thursday, November 15, 2012
Check if Enter Key has been pressed
I keep forgetting the simple way to check if the Enter Key has been pressed while filling out a form. All too often, users assume the presence of default button for the Enter Key next to textboxes that they fill out...
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment