Submit a Form with Control + Enter

Facebook Like

by A B

HTML

<textarea id="msg"></textarea> 
<button type="submit">Post</button>

CSS

body {
    font: 16px/1.5 helvetica-neue, helvetica, arial, san-serif;
}
textarea {
    border: 1px solid #ccc;
    display:block;
    width: 250px;
    height: 100px;
}
p {
    border: 1px solid #ccc;
    background: #ececec;
    padding: 10px;
    margin: 10px 0;
    width: 230px;
}
button {
    border: 1px solid #ccc;
    background: #ececec;
    -webkit-border-radius: 3px;
    padding: 5px 20px;
    margin-top:10px;
}

JavaScript

$.fn.ctrlEnter = function(btns, fn) {
    var thiz = $(this);
    btns = $(btns);

    function performAction(e) {
        fn.call(thiz, e);
    }

    thiz.bind("keydown", function(e) {
        if (e.keyCode === 13 && e.ctrlKey) {
            performAction(e);
            e.preventDefault();
        }
    });

    btns.bind("click", performAction);
}


$("#msg").ctrlEnter("button", function() {
    $("<p></p>").append(this.val().replace(/\n/g, "<br />")).prependTo(document.body);
    this.val("");
});