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());