$.fn.enter function

Extension/plugin to jQuery to bind the enter key. Based on http://stackoverflow.com/questions/302122/jquery-event-keypress-which-key-was-pressed and http://jsfiddle.net/EnjB3/8/

by mlhDevelopment

HTML

<p>You will receive an alert with the text "submitted" on clicking the submit button or hitting the enter key while in the input box.</p>

<input id="input" type="text" /><button id="button">Submit</button>

<br /><br />
<var id='message'></var>

JavaScript

jQuery.fn.enter = function (callback) {
    // Perform the event if no callback is provided
    if (typeof callback !== "function") {
        e = $.Event('keyup');
        e.which = 13;
        this.trigger(e);
    }
    // Perform the keyup binding
    else {
        this.keyup(function (evt) {
            if (evt.keyCode == 13) {
                callback.apply(this);
            }
        });
    }
    return this;
};

function submitted() {
    $("#message").text("[" + (new Date() - 0) + "] Submitted!");
}

$("#input").enter(submitted);
$("#button").click(submitted);