防止输入新文本时清除 textarea答案

【问题标题】：Prevent textarea from clearing out when a new text is typed in防止输入新文本时清除 textarea
【发布时间】：2012-03-27 08:25:09
【问题描述】：

这是我的文本区域代码。

<textarea style="width: 95%;" rows="6" name="feedback[<?=$r_uid;?>]" disabled="disabled" onclick="this.value='';" onblur="this.value=!this.value?'No feedback provided':this.value;" maxlength="800"></textarea>

当用户点击它时，它会被清除。如果他们将其留空，则会出现“未提供反馈”的文本。但是，如果他们键入其他内容并在框外单击，则文本区域会保留它。

但是，问题是如果他们在框内单击。输入的新文本被清除。如果输入了新文本，有没有办法防止它被清除？

谢谢！

【问题讨论】：

标签： javascript onclick textarea onblur

【解决方案1】：

将此添加到您的 onClick 事件中：

if (this.value == 'No feedback provided') this.value = '';

... 请注意，您只针对click！ 键盘导航呢？使用onfocus 而不是onclick：

<textarea style="width: 95%;" rows="6" name="feedback[<?=$r_uid;?>]" disabled="disabled" 
onfocus="if (this.value == 'No feedback provided') this.value = '';" onblur="this.value=!this.value?'No feedback provided':this.value;" maxlength="800"></textarea>

请注意，内联脚本已被弃用且难以阅读和维护。

【讨论】：

谢谢！正是我需要的。 +1 内联脚本建议。我仍在努力学习绳索。再次感谢。

【解决方案2】：

您代码中的这一部分将其清除。删除它;)

onclick="this.value='';"

基本上，当点击元素时，被点击元素的值 = ''。好空旷。

【讨论】：