前面输入框停止输入，下面就即时显示输入框里面的内容

最新推荐文章于 2022-12-04 21:19:19 发布

夏凯

最新推荐文章于 2022-12-04 21:19:19 发布

阅读量2k

点赞数

分类专栏：前端文章标签： input jquery

本文链接：https://blog.csdn.net/jiaocaigeng/article/details/9294255

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<input name="text" type="text" value="" id="text"><b>前面输入框停止输入，这里就即时显示输入框里面的内容</b>

js如下：

 
 
  
  
   
   <html>
  
  
 
 
 
 
  
  
   
   <head>
  
  
 
 
 
 
  
  
   
     <style>
  
  
 
 
 
 
  
  
   
    
  
  
 
 
 
 
  
  
   
     b { color:blue; margin:8px; }
  
  
 
 
 
 
  
  
   
     </style>
  
  
 
 
 
 
  
  
   
     <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  
 
 
 
 
  
  
   
   </head>
  
  
 
 
 
 
  
  
   
   <body>
  
  
 
 
 
 
  
  
   
     <input type="text" value="some text"/>
  
  
 
 
 
 
  
  
   
     <b></b>
  
  
 
 
 
 
  
  
   
   <script>
  
  
 
 
 
 
  
  
   
       $("input").keyup(function () {
  
  
 
 
 
 
  
  
   
         var value = $(this).val();
  
  
 
 
 
 
  
  
   
         $("b").text(value);
  
  
 
 
 
 
  
  
   
       }).keyup();
  
  
 
 
 
 
  
  
   
   </script>
  
  
 
 
 
 
  
  
   
    
  
  
 
 
 
 
  
  
   
   </body>
  
  
 
 
 
 
  
  
   
   </html>