摘要:输入文字同步更新还剩多少字可以输入,要给输入框对象绑定onkeyup事件<div class="box"> <img src="image/font.png"> <div class="box1"> 还可输入<span id="num
输入文字同步更新还剩多少字可以输入,要给输入框对象绑定onkeyup事件

<div class="box"> <img src="image/font.png"> <div class="box1"> 还可输入<span id="number">140</span>字 </div> <div class="clear"></div> <textarea id="news"></textarea> <dvi class="clear"></dvi> <div class="box2"> <span id="span1">表情</span> <span id="span2">图片</span> <span id="span3">视频</span> <span id="span4">话题</span> <span id="span5">头条文章</span> <button id="bt">发布</button> </div> <div class="clear"></div> </div>
var text,number,m;
window.onload = function(){
var text = document.getElementById('news');
var number = document.getElementById('number');
var bt = document.getElementById('bt');
text.onkeyup = function(){
m = 140-text.value.length;
if(m<0){
number.style.color = "red";
}
number.innerHTML = m;
}
bt.onclick = function(){
if(m==140){
alert("您还没有输入任何内容");
text.focus();
}else if(m<0){
alert("字数太多");
text.focus();
}else{
alert("发布成功");
}
}
}
批改老师:灭绝师太批改时间:2018-11-13 09:12:44
老师总结:完成的不错,有自己思考问题,老师代码中的aa()是多余是的,很棒……继续保持