Safariとクローム：フライ

Question

に入力「サイズ」属性を編集問題、私は自動的にリサイズ、テキスト入力を作成するために、次のコードビットを持っている：

// 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" /> 

問題： 入力のサイズを変更するとSafariやChromeでは動作しません。FirefoxとOperaだけで動作します。私はjquery 1.3.2を使用していて、jqueryか実装のバグかどうかを知りたいです。

EDIT：申し訳ありませんが、最初は十分にはっきりしていませんでした。これは、入力のサイズを瞬時に更新しようとしている部分です。私の悪い。これまでのフィードバック、いくつかの非常に便利なリンクをありがとう。 keydown()上のjQueryのドキュメントによると

Answer 1

私は、サイズ属性がクロスブラウザで動作するのではないかと疑います。サイズの属性を変更するのではなく、入力フィールドのmaxlengthとcssの幅を設定することに変わりました。

Webkitのバグ/未サポート機能のようです。どのSafari/Chromeが共有しますか。

Answer 2

：

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

あなたはサファリ/クローム/ Webkitのは、Enterキーで異なる値を持っているかどうかを確認するためにthe page referencedを確認しましたか？

Answer 3

問題は、サイズ属性の設定にあるようです。この行：

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

Answer 4

SafariもChromeも一部の属性を尊重していません。しかし、css要素で設定することができます。良い仕事。例えば

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

、私はonclickのが入力されたときにのonClick属性がChromeで動作しないことに気づきました。