首頁猿問當(dāng)內(nèi)部輸入框獲取焦點時內(nèi)部文字消失

當(dāng)內(nèi)部輸入框獲取焦點時內(nèi)部文字消失

JavaScript

qq_路人甲_52 2017-07-12 21:24:09

?<body><input type="text" value = "請輸入員工號"onfocus='if(this.value==defaultValue){this.value=""}'onblur="?? ?if(this.value==''){this.value=defaultValue}"/><script type="text/jscript"></script>?</body></html>怎么把這個功能改成函數(shù)形式

查看完整描述

3 回答

千秋此意

TA貢獻158條經(jīng)驗獲得超188個贊

<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
????<script>
????????function?focusHandler(el)?{
????????????if?(el.value?===?el.defaultValue)?{
????????????????el.value?=?'';
????????????}
????????}

????????function?blurHandler(el)?{
????????????if?(el.value?===?'')?{
????????????????el.value?=?el.defaultValue;
????????????}
????????}
????</script>
</head>
<body>
????<input?type="text"?value="請輸入員工號"?onfocus="focusHandler(this)"?onblur="blurHandler(this)">
</body>
</html>

2 反對回復(fù) 2017-07-12

錯過了年華
<body> <input id="t" type="text" value = "請輸入員工號" onfocus="none(t)" onblur="block(t)"/> </body> <script type="text/javascript"> function none(test) { var a=document.getElementById(test); if(a.value==a.defaultValue) {a.value=""} } function block(test) { var a=document.getElementById(test); if(a.value=='') {a.value=a.defaultValue} } </script> 請問這個哪里錯了？

回復(fù) 2017-07-13
千秋此意
你這里傳的參數(shù)是 t ，你沒有聲明過t這個變量，在 js里可以功過id直接訪問一個DOM節(jié)點（但是最好不要這樣做），也就是說你這里傳入的 t 和我上面?zhèn)鞯?this 實際上是同一個東西，你在兩個函數(shù)內(nèi)部就不用再獲取元素了，函數(shù)里的 test 實際上就是那個 input 節(jié)點

回復(fù) 2017-07-13
qq_路人甲_52
不對呀，報錯呀

回復(fù) 2017-07-13