jquery clearing textarea

jquery clearing textarea

本文关键字:textarea clearing jquery      更新时间:2023-09-26

我不知道为什么我有这个问题,如果你能帮助我将不胜感激。

我写了一个函数来清除点击时的文本框,但它不能正常工作:

$(function() 
{
    $('textarea#contact_t').click( function() 
    {
        if ($(this).val() == 'Enter your message Here!') 
        {   
            $(this).val('');    
        }
    });
});

问题是,它将不允许我写一个值"到文本区域。如果我将if中的语句改为$(This),同样的函数也会起作用。Val(' ')(引号之间有空格)。但我希望文本框被清除,而不是在开始有一个空格。它不允许我写一个空字符串到文本区

我认为这是您想要的(并且更简洁):

$('textarea#contact_t').one("focus", function() {
  $(this).val('');
});

如果你可以不支持旧的浏览器,只需放弃jquery并切换到HTML5 placeholder属性:

<textarea placeholder="Enter your message here"></textarea>

演示:http://jsfiddle.net/UeuaW/

试试下面的代码…我打赌它解决了你的问题…

$(function() {
    $('textarea#contact_t').click( function() {
         if ($(this).val().toUpperCase() == 'ENTER YOUR MESSAGE HERE!') {  
            $(this).val('');  
         }
    });
  }
);