input[typpe=“text”]適応テキスト幅

1137 ワード

   jQuery            html   <pre>  , dom     <pre>  ,                ,               <pre>  ,             。               ,    <pre>      :pre             。     pre                  ;            。 <pre>                      。        ,                    。       :

//      
    var textWidth = function(text){ 
        var sensor = $('<pre>'+ text +'</pre>').css({display: 'none'}); 
        $('body').append(sensor); 
        var width = sensor.width();
        sensor.remove(); 
        return width;
    };
        ,input                      :
//input     
    $("input").unbind('keydown').bind('keydown', function(){
        $(this).width(textWidth($(this).val()));
    });