jquery - jquery focusoutがテキストを追加し直さない

Question

ページの読み込み時にテキストが含まれるテキストエリアがあります。誰かがそれをクリックすると、そのテキストが消えるようにしたいと思います。彼らがそれをクリックしたとき、彼らが何も入力していない場合は、テキストが戻ってくることを望みますが、何も起こらない場合. テキストは「ここにあなたの答えを入力してください」です。

$(".area-3").focusin(function() {
     $(".area-3").text(" ");
 }).focusout(function() {
    if ($(".area-3").val().length == 0) {
     $(".area-3").text("Type your answer here.");
    } 
 });

これについて何か助けてくれてありがとう。

Answer 1

このようなもの ：

$(".area-3").on({
    focus: function() {
       if (this.value == 'Type your answer here.') this.value = '';
    },
    blur: function() {
       if ( $.trim(this.value) == '') this.value = 'Type your answer here.';
    }
});

フィドル