Safari und Chrome: Problem Bearbeitung Eingabe 'size' Attribut on the fly

Ich habe das folgende Stück Code eine automatisch angepasst Texteingabe zu erstellen:Safari und Chrome: Problem Bearbeitung Eingabe 'size' Attribut on the fly

// setup quick jump input 
$("#goto").keydown(function(e){ 
    var size = $(this).val().length; 

    // sanity 
    if (size < 1) { 
    size = 1; 
    } 

    $(this).attr("size",size); 

    // if enter then GOTO-> 
    if (e.keyCode == 13) { 
    window.location.href = "/" + $(this).val(); 
    } 
});

HTML:

<input type="text" id="goto" size="1" name="goto" />

Problem : Die Größenänderung der Eingabe funktioniert nicht in Safari oder Chrome, nur Firefox und Opera. Ich benutze jquery 1.3.2 und möchte wissen, ob es ein Bug in jQuery oder meiner Implementierung ist.

EDIT: Entschuldigung, ich war zunächst nicht klar genug - es ist der Teil, wo ich versuche, die Größe der Eingabe im laufenden Betrieb zu aktualisieren, die gebrochen ist. Mein Fehler. Danke für die Rückmeldung, einige sehr nützliche Links dort.

Quelle

2009-04-27 roborourke

Ich bezweifle, dass das Größenattribut Cross-Browser funktionieren würde. Ich würde zum Einstellen der maxlength und CSS-Breite des Eingabefeldes wechseln, anstatt das Größenattribut zu ändern.

Sieht aus wie ein Fehler/eine nicht unterstützte Funktion in Webkit. Welche Safari/Chrome-Freigabe?

Quelle

2009-04-28 02:33:28

Danke - Ich dachte nicht, nur CSS zu verwenden! – roborourke

Nach der jQuery-Dokumentation auf keydown():

// Different browsers provide different codes 
// see here for details: http://unixpapa.com/js/key.html  
// ...

Haben Sie the page referenced wenn Safari/Chrome/Webkit unterschiedliche Werte für die Enter-Taste, um zu sehen überprüft?

Quelle

2009-04-27 17:38:46

Es lohnt sich vielleicht, http://www.quirksmode.org/js/keys.html zu überprüfen. Sie erklären die Unterschiede und Unzulänglichkeiten von Schlüsselereignissen in den Browsern. Die Eingabe sollte in allen Browsern gemäß meinem Link als Schlüsselcode 13 funktionieren. –

Das Problem scheint in der Einstellung der Größe Attribut zu liegen. Diese Zeile:

$(this).attr("size",size);

Quelle

2009-04-27 17:57:19 Matt

Ich habe versucht, sicherzustellen, dass die Größe eine Zeichenfolge ist, aber ich kann nicht herausfinden, was mit dieser Zeile falsch ist. Die Syntax ist richtig ... Ich schätze, die Problembrowser 'schützen' Eingabeattribute oder ähnliches. Am meisten ärgerlich. – roborourke

Ja, ich habe versucht, die Eigenschaft direkt mit einer Zeichenfolge und einer Zahl, viele verschiedene Möglichkeiten. Es bewegt sich nicht, egal was passiert. – Matt

Safari und Chrome respektieren einige Attribute nicht. Aber Sie können es über CSS-Element festlegen. Funktioniert gut.

$(this).css("width","4em");

Zum Beispiel habe ich bemerkt, dass onClick Attribut nicht in Chrome funktioniert, wenn Onclick eingegeben wird.

Quelle

2010-01-08 13:38:01

Safari und Chrome: Problem Bearbeitung Eingabe 'size' Attribut on the fly

Antwort

Verwandte Themen