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

這個怎么產生的效果不對呢

首頁猿問這個怎么產生的效果不對呢

這個怎么產生的效果不對呢

JavaScript

qq_庸人_13 2018-07-30 18:04:10

<!DOCTYPE html><html><head>??? <meta charset="UTF-8">??? <title>onblur和onfocus</title>??? <style type="text/css">??????? .red{??? ??border:1px solid red;??? ?}??? </style></head><body>?姓名：<input type="text"> <span></span>?<script type="text/javascript">??// 補充代碼??window.onload()=function()??{????? var name=document.getElementsByTagName("input")[0];????? var word=document.getElementsByTagName("span")[0];????? name.onfocus=function()????? {????????? if(this.value="")????????? {?????????? this.innerHTML="請輸入你的名字";????????? }????????? ????? }????? word.onblur=function()????? {????????? if(this.value=="")????????? {????????????? this.innerHTML="用戶名不能為空";????????????? this.className="red";????????? }????????? else????????? {????????????? this.innerHTML="";????????? }????? }??}?</script></body></html>

查看完整描述

1 回答

奮斗好青年

TA貢獻69條經驗獲得超30個贊

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>onblur和onfocus</title>
????<style?type="text/css">
????????.red?{
????????????border:?1px?solid?red;
????????}
????</style>
</head>
<body>
姓名：<input?type="text"?placeholder="">?<span></span>
<script?type="text/javascript">
????window.onload?=?function?()?{
????????var?name?=?document.getElementsByTagName("input")[0];
????????var?word?=?document.getElementsByTagName("span")[0];
??????name.onfocus?=?function?()?{
????????????if?(this.value?==?"")?{
????????????????word.innerHTML?=?"請輸入你的名字";
????????????}

????????}
????????name.onblur?=?function?()?{
????????????if?(this.value?==?"")?{
????????????????word.innerHTML?=?"用戶名不能為空";
????????????????this.className?=?"red";
????????????}
????????????else?{
????????????????word.innerHTML?=?"";
????????????????name.className?=?"";
????????????}
????????}
????}
</script>
</body>
</html>

看了一下你寫的好多錯誤呀.

?window.onload()=function() 改成?window.onload=function()
name.onfocus里面的if判斷是否為空應該是==,而不是=,一個=是賦值的意思;
第一個if里面的,你要判斷的是input,鼠標移入輸入框的時候,span提示信息吧,所以不能用this,改成word;
word.onblur改成name.onblur,因為你是要判斷選框失去焦點的狀態;
第二個if失去焦點的提示也是改成word.innerHTML;else加上如果有內容離開時候刪掉類;
如果你的問題已解決,請記得采納!

1 反對回復 2018-07-31

1 回答
0 關注
760 瀏覽

關注

添加回答

舉報

0/150

提交

取消

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

熱搜

最近搜索清空

這個怎么產生的效果不對呢

這個怎么產生的效果不對呢

1 回答

添加回答