input长度随输入内容动态变化 input光标定位在最右侧

<input type="text" onkeydown="this.onkeyup();" onkeyup="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" );

                });

            })

 

实现input光标定位在最后一位：

方法：给input重新赋值

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