JavaScript仿微博輸入框效果(案例分析)
編輯：關於JavaScript
這篇文章給大家分享一個小的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仿微博輸入框效果(案例分析),希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對網站的支持！
- 上一頁:js 中文漢字轉Unicode、Unicode轉中文漢字、ASCII轉換Unicode、Unicode轉換ASCII、中文轉換&#XXX函數代碼
- 下一頁:js 文字超出長度用省略號代替,鼠標懸停並以懸浮框顯示實例
小編推薦
熱門推薦