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);//取消定时器
相关文章推荐
- JS笔记-熟悉DOM元素中的各种属性
- 《JavaScript设计模式与开发实践》读书笔记之中介者模式
- 对于jsp和servlet的一点小认识
- js焦点事件
- JS 之 日期格式化函数
- JavaScript
- 在一个js文件中引用另一js文件(chrome插件亦适用)
- JS DOM编程艺术——JS综合实例—— JS学习笔记2015-7-29(第92天)
- js事件委托
- js事件代理和js知识一些小结1
- JSP----九大内置对象
- js数组操作:
- JS 之 查找数组中重复的元素
- extjs4 tree 节点选中问题
- 利用多叉树实现Ext JS中的无限级树形菜单(一种构建多级有序树形结构JSON的方法
- JSBinding + SharpKit / 实战:转换 Survival Shooter
- ExtJS的面向对象编程(继承、重写)
- JavaScript replaceall 方法
- Jsoup解析HTML获取数据
- js中获取两个日期之间相差的天数