js获得焦点和失去焦点那些事
2014-12-29 16:27
155 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="智能社 - zhinengshe.com"> <meta name="copyright" content="智能社 - zhinengshe.com"> <title>智能社 - www.zhinengshe.com</title> <style> * { margin:0; padding:0; } .box {position:relative; width:200px; margin:50px auto;} .box span { position:absolute; top:0; left:5px; height:40px; line-height:40px; color:#999; } #inp1,#pass{ position:absolute; top:0; left:0; border:1px solid #000; /* border:none 0;这个是兼容的写法 */ outline:none;width:190px; height:40px; line-height:40px; padding:0 5px; background:none;} #pass{top:55px;} input::-ms-clear { display:none; } /* 去掉IE10输入框后的叉号 */ input::-ms-reveal{ display:none;} /* 去掉输入密码时的眼睛 */ </style> <script> window.onload=function (){ var oInp=document.getElementById('inp1'); var oSpan=document.getElementById('span1'); oInp.onfocus=function (){ oSpan.style.display='none'; }; oInp.onblur=function (){//失去焦点判断输入为空时 if (oInp.value.length == 0) { oSpan.style.display='block'; } }; oSpan.onclick=function (){//点击提示文字时情况 oInp.focus(); }; }; </script> </head> <body> <div class="box"> <input type="text" id="inp1" /> <span id="span1">我是提示文字</span> <input type="password" id="pass"/> </div> </body> </html>
相关文章推荐
- js和jquery 中获得文本框焦点和失去焦点的方法
- 在js(jquery)中获得文本框焦点和失去焦点的方法
- js控制输入框获得和失去焦点时状态显示的方法
- (三)在js(jquery)中获得文本框焦点和失去焦点的方法
- jq获得焦点focus,失去焦点blur,change()函数,js的onfocus,onblur,onchange()方法
- 在js(jquery)中获得文本框焦点和失去焦点的方法
- 问题:做了一个获得焦点和失去焦点的js,为什么在火狐上运行都是先失去后获得?
- 文本框获得失去焦点——js和jquery方法的对比
- 失去焦点和获得焦点发生事件(js)
- 在js(jquery)中获得文本框焦点和失去焦点的方法
- js控制输入框获得和失去焦点时状态显示的方法
- 在js(jquery)中获得文本框焦点和失去焦点的方法
- 失去焦点和获得焦点发生事件(js)
- js 失去焦点时关闭层实现代码
- js弹出窗体获得焦点
- js 禁用只读文本框获得焦点时的退格键
- TextBox获得焦点与失去焦点
- 控件获得焦点时按回车触发一个js函数(event.keyCode)
- js 禁用只读文本框获得焦点时的退格键
- JS使IE窗口闪烁或根据条件闪烁,使IE窗口获得焦点