动态的获取文本框输入的字符

先看下代码例子：

 

1.

 <input type="text" id="d"  />
 <p id="show"></p>

 

2.

         $("input").keyup(function(){
              //var value = $(this).val();
              var length = $(this).val().length;
              $("#show").text("长度是：" + length);
         });

 

或者为

 

          $("input").keyup(function(){
              //var value = $(this).val();
              var length = $(this).val().length;
              $("#show").text("长度是：" + length);
         }).keyup();

 

 

 

说明：

最后的keyup加与不加都可以，如果去掉后一个keyup看似也没有问题
但是当你在input中写入些东西后再刷新页面
就会发现input中的内容还在 但p中的内容已经不复存在了
这就是input的特殊之处
所以要用第二个keyup来进行页面的初始化
让两者内容在一开始就保持同步