已解決430363個問題，去搜搜看，總會有你想問的

關于onfocus和onblur的問題習題問題

首頁猿問關于onfocus和onblur的...

關于onfocus和onblur的問題習題問題

JavaScript

叢從綠草 2018-04-10 10:34:57

<head>.red{border:1px solid red;}</head><body>姓名：<input type="text"><span></span></body><script type="text/javascript">????????????????var name=document.getElementsByTagName("Input")[0]; var tip=document.getElementsByTagName("span")[0]; function onfocusFn(){ ? ?if(this.value==""){ ? ? ? ?tip.innerHTML="請輸入您的姓名"; ? ?}else{ ? ? tip.value=""; ? ?} } function onblurFn(){ ? ?if(this.value==""){ ? ? ? ?tip.innerHTML="用戶名不能為空"; ? ? ? ?this.style.className="red"; ? ?}else{ ? ? tip.value=""; ? ? this.removeAttribute("class"); ? ?} } name.onfocus=onfocusFn; name.onblur=onblurFn;</script>請指教哪里出錯了，好煩啊。。。速速幫忙解答。

查看完整描述

1 回答

碼農2號

TA貢獻151條經驗獲得超48個贊

<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style>
.red{border:1px?solid?red;}
</style>
</head>
<body>
姓名：<input?type="text"?id="inp"><span></span>
<script?type="text/javascript">
????????//?var?name=document.getElementsByTagName("input")[0];
????????var?inp=document.getElementById('inp')
var?tip=document.getElementsByTagName("span")[0];
function?onfocusFn(){
???if(this.value==""){
???????tip.innerHTML="請輸入您的姓名";
???}else{
????tip.innerHTML="";
???}
}
function?onblurFn(){
???if(this.value==""){
???????tip.innerHTML="用戶名不能為空";
???????this.classList.add('red');
???}else{

????tip.innerHTML="";
????this.classList.remove('red');
???}
}
inp.onfocus=onfocusFn;
inp.onblur=onblurFn;

</script>
</body>
</html>

反對回復 2018-04-10

碼農2號
還有個小問題，把30行this.classList.remove('red');復制一份寫在16行后面，即onfocusFn函數里面。這個和定時器沒開啟就清除一樣，防止邊框顏色在多次操作時候變色。

回復 2018-04-10

1 回答
0 關注
1033 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

關于onfocus和onblur的問題習題問題

關于onfocus和onblur的問題習題問題

1 回答

添加回答