您的位置:首页 > Web前端 > JavaScript

js keyup事件 定时器

2015-07-29 23:17 681 查看
textarea.onkeyup = function(e){//当按键松开时候 统计文本框字数
var len = this.value.length;//获取文本框内的字数
var p = this.parentNode;
var btn = p.children[1];//第二个子节点
var word = p.children[2];//第三个子节点
if(len == 0 || len > 140){
btn.className = 'btn btn-off';//这个btn btn-off 为css的属性 而且是两个css属性的组合后的属性
}else{
btn.className ='btn';//btn css的属性名
}
word.innerHTML=len+'/140';
}

var timer;
textarea.onblur = function(){
var me = this;
if(this.value==''){
timer = setTimeout(function(){//设置定时器
me.parentNode.className = 'text-box';//定时器内部的this属性变了 所以需要在函数外部取this的变量值
me.value="评论…";
},400);//设置400毫秒的定时器

}
}
clearTimeout(timer);//取消定时器
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: