textarea onclick 删除文本答案

【问题标题】：textarea onclick remove texttextarea onclick 删除文本
【发布时间】：2011-06-15 20:34:32
【问题描述】：

我知道如何在一个简单的 html 文本框中删除文本，但 html 文本区域似乎要复杂得多。而不是 value 属性，您将文本放在：

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

这就是我在制作 onFocus 和 onBlur 事件时遇到问题的原因。

【问题讨论】：

标签： textarea onblur onfocus

【解决方案1】：

<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/

【讨论】：

【解决方案2】：

textarea 的行为类似于其他 <input> 元素（使用 type text 或 password），而不是具有 value 属性，值位于 <textarea> 和 </textarea> 标记之间。

访问和修改文本字段的内容没有区别。下面的代码显示一个文本区域和一个输入框。相同的函数用于访问值和修改它。如果输入时该值等于“示例文本”，则该文本被清除。如果离开时textarea/输入框为空，则会在其中放入“示例文本”。

<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>

Live example

【讨论】：

【解决方案3】：

你的 Javascript 应该有：

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

你的 HTML 元素应该有：

onfocus="RemoveText(this);"

【讨论】：

你可以用同样的方式调用这个函数，比如 onBlur、onClick 等。

【解决方案4】：

在 onFocus 事件期间调用 javascript 函数怎么样？

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

【讨论】：

这不起作用。需要为document.getElementById(textarea).value