2011-06-15 63 views
1

我知道如何刪除簡單的html文本框中的文本,但html textareas看起來要複雜得多。而不是值的屬性你把正確的文本之間:textarea onclick刪除文本

<html> 
<textarea> </textarea>. 
</html> 

這就是爲什麼有麻煩的聚焦狀態和onBlur事件IM。

回答

0

你的JavaScript應該有:

function RemoveText(obj) 
{ obj.value = ''; } 

和你的HTML元素應該有:

onfocus="RemoveText(this);" 
+0

感謝,但怎麼樣的onblur? – user780483 2011-06-15 20:39:03

+0

您可以使用與其他任何事件一樣的方式調用該函數,例如onBlur,onClick等。 – 2011-06-15 20:40:35

0

怎麼樣onfocus事件中調用javascript函數?

function emptyText(){  
    document.getElementById(textarea).innerHTML = ""; 
} 
+0

這不起作用。需要document.getElementById(textarea).value – 2013-04-08 02:28:48

1

一個textarea行爲與其他<input>元件(具有typetextpassword),而不是具有值的屬性,則該值是<textarea></textarea>標記之間。

訪問和修改文本字段的內容沒有區別。下面的代碼顯示一個textarea和一個輸入框。使用相同的函數來訪問這些值並對其進行修改。如果該值等於輸入輸入時的「示例文本」,則文本被清除。如果textarea/input box在離開時是空的,則會放入「示例文本」。

<textarea id="field1">example text</textarea> 
<input id="field2" value="example text"> 
<script> 
function addEvents(id) { 
    var field = document.getElementById(id); 
    field.onfocus = function() { 
     if (this.value == "example text") { 
      this.value = ""; 
     } 
    }; 
    field.onblur = function() { 
     if (this.value == "") { 
      this.value = "example text"; 
     } 
    }; 
} 
addEvents("field1"); 
addEvents("field2"); 
</script> 
13
<textarea name="message" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"> 
Put anything for default value here 
</textarea> 

活生生的例子:http://jsfiddle.net/SRYLg/

+0

謝謝你:) – 422 2012-11-29 02:32:55