Question

如何在点击空白时更改我的textarea内容？

以下是代码：

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

想法是单击此区域，键入新文本将为空。

Answer 1

您可以使用placeholder属性

获取该功能

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

这是标准且最简单的方法（不涉及javascript，您可以在本页顶部的stackoverflow搜索文本框中看到它！）。

虽然它在旧的浏览器中不起作用（IE9及更早版本），如果你需要它在这些浏览器中工作，你可以查看question

Answer 2

给textarea一个唯一的id（因为您可能不希望将其应用于所有textareas），例如thetextarea：

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

这是一个有效的jsFiddle。

Answer 3

$('YOURSELECTOR').click(function(e) {
    $('#adventage').empty();
});

Answer 4

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>

JQUERY

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

CSS

#adventage { width:400px; border-radius: 3px; border-left: 4px solid #6C3; }

Answer 5

$(document).ready(function(){
    $("textarea[name='adventage']").click(function({
        $(this).innerHTML("");
    }))
})

这应该有效！

Answer 6

尝试这样。

第一次占位符有效。但如果你已经有一些文本（in case of editing）做了一些scripting。

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

});

单击使用jquery更改textarea内容

6 个答案: