0

如何在单击时将我的 textarea 内容更改为空?

这是代码:

http://jsfiddle.net/QMfyP/

<textarea name="adventage" style="width:400px; border-radius: 3px; border-left: 4px solid #6C3" id="adventage" cols="45" rows="5">Share with everyone what are the advantages of this vehicle. </textarea>

这个想法是点击这个区域,输入新文本时它将是空的。

4

6 回答 6

4

您可以使用该placeholder属性获得该功能

<textarea placeholder='Share with everyone what are the advantages of this vehicle.'></textarea>

这是标准且最简单的方法(不涉及 javascript,您可以在本页顶部的 stackoverflow 的搜索文本框中看到它工作!)。

但它不适用于旧浏览器(IE9 和更早版本),如果您需要它在这些浏览器中工作,您可以检查这个问题

于 2013-03-18T14:39:40.830 回答
1

给 textarea 一个唯一的id(因为您可能不想将其应用于所有 textarea),例如thetextarea

$("#thetextarea").click(function(){
   $("#thetextarea").empty();
});

这是一个有效的jsFiddle

于 2013-03-18T14:39:44.783 回答
0
$('YOURSELECTOR').click(function(e) {
    $('#adventage').empty();
});
于 2013-03-18T14:39:43.070 回答
0

http://jsfiddle.net/QMfyP/6/

HTML

<textarea class="my_textarea" name="adventage" id="adventage" cols="45" rows="5">Share with everyone what are the advantages of this vehicle. </textarea>

查询

$("#adventage").click(function() {
  $(this).empty();
});

CSS

#adventage { width:400px; border-radius: 3px; border-left: 4px solid #6C3; }
于 2013-03-18T14:40:39.600 回答
0
$(document).ready(function(){
    $("textarea[name='adventage']").click(function({
        $(this).innerHTML("");
    }))
})

这应该工作!

于 2013-03-18T14:42:36.437 回答
0

试试这样。

占位符第一次起作用。但是,如果您在 ( in case of editing) 中已经有一些文本,请执行一些scripting

$(document).ready(function(){
        $('#adventage').click(function(){
            $(this).val('');
        })

});
于 2013-03-18T14:43:24.350 回答