isolate jquery keybind to a single focused element

How can I allow a form to be triggered with the user hits enter, but only if that field is in focus? This is what I have now, but pressing enter anywhere (obviously) triggers the form.

 jQuery(window).开发者_如何学Gobind('keypress', function(e){
   if ( e.keyCode == 13 ) {
     jQuery("#goform").click();
     e.preventDefault();
   }
 });

Try putting the .bind on the element, not the entire window:

jQuery('#elementID').bind('keypress', function(e){
   if ( e.keyCode == 13 ) {
     jQuery("#goform").click();
     e.preventDefault();
   }
 });

If your field has id elementID. Offcourse you can approach the field by name, tagname or using any other jQuery Selector.

You chould use the selector to select the form element and assign the keypress() method to that object:

$('#idOfFormInputElement').keypress(
    function(e){
        e.preventDefault();
        e.stopPropagation();
        if (e.keyCode == 13) {
            $(this).closest('form').submit();
        }
    });

If the element is dynamically added, then delegate() could be used instead:

$('#idOfFormElement').delegate('#idOfFormInputElement', 'keypress',
    function(e){
        e.preventDefault();
        e.stopPropagation();
        if (e.keyCode == 13) {
            $(this).closest('form').submit();
        }
    });

Use jQuery('#{insert-your-form-field-id}') instead of jQuery(window)

The 'e' parameter that gets passed to the callback function will contain details of what element fired the 'keypress' event -

e.target.id

http://api.jquery.com/event.target/