這篇文章給大家分享一個小的JavaScript的案例，就是模仿微博輸入框的效果。
效果圖：
代碼：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>仿微博輸入框效果</title><script src="jquery.js"></script></head><body><textarea name="" id="" cols="30" rows="10"></textarea> <sapn>您還可以輸入<strong style="color:red">140</strong>個字</sapn></body><script>//給文本域響應鍵盤按下事件$('textarea').keyup(function(){var maxLength = 140;var len = $(this).val().length;$('strong').text(maxLength-len);//判斷輸入是否超過140個數if(parseInt($('strong').text()) < 0){$('strong').text(0);//截取前140個字符并重新塞到文本域中var content = $(this).val().substring(0,140);$(this).val(content);}});</script></html>以上所述是小編給大家介紹的JavaScript仿微博輸入框效果(案例分析),希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
