1 <script type="text/javascript">
2 window.onload =function () {
3 var UserPwd = document.getElementById("UserPwd");
4 var userpwd = document.getElementById("userpwd");
5 //获得焦点后触发的事件
6 UserPwd.onfocus =function () {
7 if (this.value !="请输入密码") return;
8 this.style.display ="none";
9 userpwd.style.display ="";
10 userpwd.value ="";
11 userpwd.focus();
12 };
13 //失去焦点后触发的事件
14 userpwd.onblur =function () {
15 if (this.value !="") return;
16 this.style.display ="none";
17 UserPwd.style.display ="";
18 UserPwd.value ="请输入密码";
19 }
20 }
21 </script>
22 </head>
23 <body>
24 <div style="width:255px">
25 <input type="text" class="UserEmail"/><div class="emailerror">邮箱已存在!</div><br />
26 <input type="text" class="UserPwd" id="UserPwd" value="请输入密码"/>
27 <input type="password" class="userpwd" id="userpwd" style="display:none"/>
为什么这段代码中的js代码不起作用呢?求解
我测试了一下,FireFox跟Chrome及IE89是好的,IE7下有问题,是在获得焦点事件后,IE7也触发了失去焦点事件导致的,IE6没测,呆会儿找到解决方案后再补充
你要做什么呢?可否说明一下你这段js的意图
我想做一个注册的界面
你用jquery去验证可能会更好一些。。。而且不会有浏览器不兼容的问题。。。
先引入js
$(function(){
//获得焦点后触发的事件
$("#UserPwd").focus(function(){
if (this.value !="请输入密码") return;
this.style.display ="none";
userpwd.style.display ="";
userpwd.value ="";
userpwd.focus();
});
//失去焦点后触发的事件
$("#UserPwd").blur(function(){
if (this.value !="") return;
this.style.display ="none";
UserPwd.style.display ="";
UserPwd.value ="请输入密码";
});
});
debug下才能知道问题在哪