Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Submit your textarea through a simple press on 'Enter' with jQuery
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
test
.travis.yml
LICENSE
README.md
example.html
jquery.shiftenter.css Change positioning of hint text, don't wrap textarea, instead positio…
jquery.shiftenter.js Make jslint complain less

README.md

jquery-shiftenter is a jQuery plugin that makes it easy to allow submitting a form with textareas using a simple press on 'Enter'. Line breaks (newlines) in these input fields can then be achieved by pressing 'Shift+Enter' (alternatively 'Ctrl+Enter'). Additionally a hint is shown.

Usage:

To use this plug-in just add jquery.shiftenter.js and jquery.shiftenter.css to your document and attach it to your textareas:

$(document).ready(function() {
    $('textarea').shiftenter();
});

See example.html for an example usage.

Settings:

$('textarea').shiftenter({
    focusClass: 'shiftenter',             /* CSS class used on focus */
    inactiveClass: 'shiftenterInactive',  /* CSS class used when no focus */
    hint: 'Shift+Enter for line break',   /* hint shown */
    metaKey: 'shift',                     /* meta key that triggers a line-break, allowed values: 'shift', 'ctrl' */
    pseudoPadding: '0 10'                 /* padding (bottom, right) of hint text */
});

You can adjust the style in jquery.shiftenter.css

Other things you might want to use along with jquery-shiftenter:

Unit tests:

Point your browser to test/index.html to start the QUnit tests. current build status

Changelog:

  • MASTER: Fix test cases to work with Firefox 6.0
  • 0.0.4: Also allow for CTRL instead of SHIFT, fix resize for Google Chrome
  • 0.0.3: Change the way how the hint is positioned and improve resize handling.
  • 0.0.2: React to textarea resizes and fix position of hint
  • 0.0.1: Initial release

Licensed under the MIT-License

Report issues to https://github.com/cburgmer/jquery-shiftenter/issues

Contact me under Christoph Burgmer (cburgmer -[at]- ira [dot] uka [dot] de)

Something went wrong with that request. Please try again.