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

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

JavaScript

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

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

查看完整描述

3 回答

千秋此意

TA貢獻(xiàn)158條經(jīng)驗(yàn) 獲得超188個(gè)贊

<!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="請(qǐng)輸入員工號(hào)"?onfocus="focusHandler(this)"?onblur="blurHandler(this)">
</body>
</html>

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

錯(cuò)過了年華
<body> <input id="t" type="text" value = "請(qǐng)輸入員工號(hào)" 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> 請(qǐng)問這個(gè)哪里錯(cuò)了？

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

回復(fù) 2017-07-13
qq_路人甲_52
不對(duì)呀，報(bào)錯(cuò)呀

回復(fù) 2017-07-13