小编Ane*_*lec的帖子

这是个人艺术项目.我基本上想要做的是创建一个空白的网页,用户可以在其中键入文本(如文本编辑器),但文本在键入时会淡出.

通过淡出,我不希望用户能够看到他们刚写的文本.所以,我不想只是转换字体颜色以匹配背景颜色,因为用户可以再次选择文本.

到目前为止,我已经创建了一个textarea,在keyup上将存储文本输入,它将显示在一个单独的div中.我在Javascript中指定当输入的文本达到一定长度时:div将淡出,清除文本,然后再次显示以显示当前文本输入.问题是根据控制台,我无法清除div的值.这有意义吗？

这是一个小提琴:http://jsfiddle.net/anelec/k40p72xk/5/

HTML:

<textarea type='text' id='myinput'></textarea>
<div><span id="fade"></span></div>

使用Javascript:

    //on keyup store text input into a variable "text"
    $( "#myinput" ).keyup(function( event ) {       
    var text = $("#myinput").val();
    console.log("event working");
    console.log(text);

    //show values of "text" variable in id "fade"
    $("#fade").text(this.value);
    var fade = $("#myinput").val();

   //function to clear text value of id "fade"
   function cleartext(){
   document.getElementById("#fade").value="";  
   }

   //clear text value of id "fade" after 15 letters
   if (fade.length >=15) {
   $("#fade").fadeOut(200);
   cleartext();
   }

   //show the incoming …