Textfelder synchron halten | CSS-Tricks

Code-Schnipsel → jQuery Code-Schnipsel → Textfelder in Sync halten

Chris Coyier am 2. Okt. 2010

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

Beispiel

Kommentare

black-light-studio

Permalink zum Kommentar# 21. April 2011

Es scheint einige benutzerunfreundliche Unterschiede zwischen Firefox und Chrome zu geben (die ich bemerkt habe)

in Firefox funktioniert es, glaube ich, gut
aber in Chrome springt dein Markierungsteil (diese blinkende Linie, die dir anzeigt, wo im Feld du tippst)
jedes Mal an das Ende des Feldes, wenn du die Taste auf deiner Tastatur loslässt

das macht es zur Qual, mehr als ein Zeichen zu bearbeiten, das früh im Feld eingegeben wurde

Antworten
Roman Gavrilov

Permalink zum Kommentar# 7. Oktober 2011

funktioniert nicht, wenn Text mit der Maus eingefügt wird (Rechtsklick, Einfügen)
funktioniert nicht, wenn der Wert mit JavaScript eingefügt wird

Antworten
- Ricky
  
  Permalink zum Kommentar# 3. Januar 2014
  Für Leute, die jQuery 1.7+ verwenden
```
$inputs.on( "paste keyup", function() { 
     $inputs.val( $( this ).val() );
});
```
adarsh

Permalink zum Kommentar# 17. Januar 2014

funktioniert nicht in IE

Antworten

Antwort hinterlassen Antwort abbrechen