0

クリック時にテキストエリアのコンテンツを空にするにはどうすればよいですか?

コードは次のとおりです。

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 
$(document).ready(function(){
    $("textarea[name='adventage']").click(function({
        $(this).innerHTML("");
    }))
})

これはうまくいくはずです！

于 2013-03-18T14:42:36.437 に答える
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>

JQUERY

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

CSS

#adventage { width:400px; border-radius: 3px; border-left: 4px solid #6C3; }
于 2013-03-18T14:40:39.600 に答える
0

このようにしてみてください。

プレースホルダーは初めて機能しますが、その中にすでにテキストがある場合は（in case of editing）、いくつか実行してくださいscripting。

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

});
于 2013-03-18T14:43:24.350 に答える