单击后清除 TEXTAREA 值（onFocus）

Question

我目前正在使用..

onfocus="this.value=''; return false;"

清除文本区域中的值以留下评论。但是，当您单击输入评论并输入一些内容时，如果您要单击框外以阅读页面上的其他内容，然后再次单击文本区域框返回您的评论，则会清除您当前的输入。

无论如何，是否可以在初始单击时清除文本区域，只是为了清除默认值，而不是浏览器页面会话其余部分的其余点击？

Answer 1

最好将指令放入标签标记中，将其放置在文本区域上，然后在文本区域获得焦点时隐藏或显示它。这样做的原因是因为您的文本区域将填充说明，如果它们位于表单内，则可能会发送这些说明。

但是，解决你的问题，你所要做的就是：

onfocus="if(this.value== "your initial text"){this.value=''}; return false;"

Answer 2

我认为将逻辑与内容分开是一个好习惯。因此，使用 jQuery（我们都使用 jQuery，是吗？），您可以这样做：

$(document).ready(function() {
    var _bCleared = false;
    $('form textarea').each(function()
    {
        var _oSelf = $(this);

        _oSelf.data('bCleared', false);
        _oSelf.click(function()
        {
            if (!_oSelf.data('bCleared'))
            {
                _oSelf.val('');
                _oSelf.data('bCleared', true);
            }
        });
    });
});

这将迭代站点上的所有文本区域，并将有关其清晰状态的布尔值存储在单独的数据绑定中。 onclick 事件也是针对每个文本区域单独处理的，因此您可以在单个页面上拥有多个文本区域/文本区域清除，并且不需要 Javascript 散布您的 html。

Answer 3

这将有助于

function clearTA {
   if(this.value != "type here") {
      this.value = ''; 
      return false;
   }
}

onfocus html 属性

...onfocus="clearTA()"..

Answer 4

<script type="text/javascript">
function clearOnInitialFocus ( fieldName ) {
   var clearedOnce = false;
   document.getElementById( fieldName ).onfocus = (function () {
    if (clearedOnce == false) {
      this.value = '';
      clearedOnce = true;
    }
  })
}
window.onload = function() { clearOnInitialFocus('myfield');
</script>

来源：http://snipplr.com/view/2206/清除表单字段第一焦点/

Answer 5

我知道这已经晚了，但对于遇到此问题的其他人，我相信最简单的答案是

onfocus="this.value=''; this.onfocus='';"

应该完全按照您的要求进行无需存储/检查任何变量。

Answer 6

相反，请使用 HTML5 的 placeholder 并使用适用于旧版浏览器的 jquery 插件。

此处运行示例：
http://jsfiddle.net/dream2unite/xq2Cx/

<input type="text" name="email" id="email" placeholder="[email protected]">

必须附带以下脚本：

$('input[placeholder], textarea[placeholder]').placeholder();

当您输入电子邮件，您的文本（占位符）将会消失，只有当您删除电子邮件时，文本（占位符）才会重新出现。

最后，一个明显很好的占位符 jquery 插件示例是：
http://mathiasbynens.be/demo/placeholder

Answer 7

您可以使用全局页面变量。

元素上方的 script 元素中...

var tracker = {};

在稍后

<textarea name="a" onfocus="if(!tracker[this.name]) { tracker[this.name]=true; this.value=''; } return false;">Placeholder text</textarea>

Answer 8

所以我认为您有一个预填充值，例如“在此处输入您的文本”？
尝试添加此 javascript：

    function clearText(textarea,prefilled){
        if(textarea.value==prefilled)
            textarea.value="";
        return false;
    }

然后，您的输入应该是：
在这里输入您的文字

这应该可以帮助您开始...

Answer 9

在 javascript 中声明一个 false 变量 clearedOnce。在你的焦点中，检查这个变量。如果为 false，则将其设置为 true 并清除文本区域。以后的所有点击都不会执行任何操作。代码 ：

onfocus='if (!clearedOnce) { this.value = ''; clearedOnce = true;} return false;'