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);//取消定时器
js keyup事件 定时器
最新推荐文章于 2024-01-15 21:35:53 发布