首页 > 代码库 > 最近在用placeholder ,是已有的,网上也有不少都是jq写的
最近在用placeholder ,是已有的,网上也有不少都是jq写的
其实除了支持placeholder 的浏览器,其他用js 或jq实现的都不叫placeholder 效果,只能算上是获取焦点,或失去焦点时的一个placeholder 没有出生时就已经存在效果
很多人用jq写,笔者,用的js写的
在这我觉得用js也好,jq也好,实现这个不仅仅是一个焦点得失的问题,更应该得到扩展
比如说,有value值时,我们给placeholder 组件传一个默认值叫 ‘请输入 ’ 如果value 为空 则显示请输入 如果有value 值 则显示value值, 并不是清空,应该是修改
这个组件使用了不需要再单独给value 用jq 或js赋值,这才叫可以
我的代码
var kpUnit = {}kpUnit.placeholder = function(id,defText){ var oInput = Q(id)[0];/* 这是自定义的写的 组件就不copy出来了,这个 这里就是 documet.getElementById(id); 因为我的Q是一个方法 所以传的是#id 传值就不多说了,一看就明白*/ var value = http://www.mamicode.com/defText || oInput.value oInput.style.color="#999" if(oInput.value=http://www.mamicode.com/=‘‘){ this.value=http://www.mamicode.com/value; } oInput.onfocus=function(){ if(this.value=http://www.mamicode.com/=value){ this.value=http://www.mamicode.com/‘‘; this.style.color="#333" } }; oInput.onblur=function(){ if(this.value=http://www.mamicode.com/=‘‘){ this.value=http://www.mamicode.com/value; this.style.color="#999" } }}kpUnit.placeholder(‘#id‘,‘请输入‘);
用着还好,最起码不用再赋值了,功能算是满足了
最近在用placeholder ,是已有的,网上也有不少都是jq写的
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。