/*
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