【前端】監聽文字框輸入的字元數量
阿新 • • 發佈:2018-12-13
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .text span{font-weight:bold;color: #f00; } em{font-style: normal}; </style> </head> <body> <p class="text">您還可以輸入<span><em id="count">30</em>/30</span></p> <div class="input"> <textarea name="" id="text" cols="30" rows="4"></textarea> </div> <script> var text=document.getElementById("text"); var total=30; var count=document.getElementById("count"); //繫結鍵盤事件 document.onkeyup=function(){ //獲取文字框值的長度 var len=text.value.length; var allow=total-len; count.innerHTML=allow; } </script> </body> </html>