Keep Text Inputs in Sync | CSS-Tricks - CSS-Tricks

Code Snippets → jQuery Code Snippets → Keep Text Inputs in Sync

Chris Coyier on Oct 2, 2010

var $inputs = $(".example-input");
$inputs.keyup(function() {
      $inputs.val($(this).val());
});

Example

Comments

black-light-studio

Permalink to comment# April 21, 2011

There seems to be some user unfriendly differences between firefox and chrome (that is that I have noticed)

in firefox it works fine I think
but in chrome your marker thing (that blinking line that tells you where in the field you are typing)
will jump to the end of the field every time you release the key on your keyboard

this makes it a pain in the ass to edit more than one character thats typed early in the field

Reply
Roman Gavrilov

Permalink to comment# October 7, 2011

doesn’t work when text is pasted using mouse (right click, paste)
doesn’t work if value is pasted with javascript

Reply
- Ricky
  
  Permalink to comment# January 3, 2014
  For folks using jquery 1.7+
```
$inputs.on( "paste keyup", function() { 
     $inputs.val( $( this ).val() );
});
```
adarsh

Permalink to comment# January 17, 2014

not working in ie

Reply

Leave a Reply Cancel reply