<input type="text" οnkeydοwn="this.onkeyup();" οnkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4"> 

<input type="text">的默认size就是20 

如果你在style里定义了width属性,又要让它的width根据内容来变化,两个要求不就矛盾了吗.所以这里不能在style里定义width属性.

function len(s) { //获取输入文本长度，字符占一位，汉字两位
        var l = 0; 
        var a = s.split(""); 
        for (var i=0;i<a.length;i  ) { 
            if (a[i].charCodeAt(0)<299) { 
                l  ;
            } else { 
                l =2; 
            } 
        } 
        return l; 
    }
或者将中文替换成两个字符

var str_temp = $(".tag_input").val().replace(/[\u4e00-\u9fa5]/g, 'aa');

$(".tag_input").attr("size",str_temp.length);

$(".tag_input").width("auto");

jq:

$(

function

(){

//propertychange监听input里面的字符变化,属性改变事件

$(

'.zy-price'

).bind(

'input propertychange'

, 

function

() {

var

$

this

= $(

this

);

console.log($

this

);

var

text_length = $

this

.val().length;

//获取当前文本框的长度

var

current_width = parseInt(text_length) *16;

//该16是改变前的宽度除以当前字符串的长度,算出每个字符的长度

console.log(current_width)

$

this

.css(

"width"

,current_width 

"px"

);

});

})

$(".tag_input").focus();
$(".tag_input").val('');
$(".tag_input").val($(this).text());