如何在未點擊的情況下恢復以前的輸入值？

Question

嗯，我計劃我的輸入元素的值被點擊時隱藏，但在其他地方點擊時會再次顯示。

這是我的HTML文件：

<div id="iletisim"> 
<h2>İletişim</h2> 
    <div id="bilgiler"> 
     <p>info@gmail.com</p> 
     <p>211-22-67-09</p> 
     <p>New Oakland - CA</p> 
    </div> 
    <div id = "formlar2"> 
     <form id="formlar"> 
      E-POSTA : <input type="text" name="email" value="eposta adresinizi giriniz"> 
      TELEFON : <input type="text" name="telefon" value="telefon numaranızı giriniz"> 
     </form> 
     <textarea rows="10" cols="64">İstek ve şikayetlerinizi buraya yazabilirsiniz!</textarea> 
     <input type="submit"></input> 
    </div> 
    <div id='linkler'> 
     <a href='http://www.facebook.com'><img src='images/fb.png'></img></a> 
     <a href='http://www.twitter.com'><img src='images/twt.png'></img></a> 
     <a href='http://www.instagram.com'><img src='images/in.png'></img></a> 
    </div> 
</div> 

而這裏的jQuery代碼我想通了：

$(document).ready(function(){ 
    $('#formlar2 input , textarea').click(function(){ 
     $(this).val(''); 
    }); 

    $('#iletisim p, #iletisim a, #iletisim h2').click(function(){ 
     var x = "eposta adresinizi giriniz" 
     var y = "telefon numaranızı giriniz" 
     var z = "İstek ve şikayetlerinizi buraya yazabilirsiniz!" 
     $('#formlar2 input:nth-child(1)').val(x); 
     $('#formlar2 input:nth-child(2)').val(y); 
     $('textarea').val(z); 
    }); 
}); 

我完全知道，如果我試圖通過這種方式來解決這一問題，原來值將顯示只有當jQuery代碼中提到的元素被點擊時。

那麼這是什麼解決方案，否則我不得不提及除我的輸入元素之外的其他元素。任何想法都將非常有幫助，特別是對此的捷徑。非常感謝！

Answer 1

如果我沒有得到你的權利，你可以使用blur事件：

$('input, textarea').on('blur', function(){ 
    //do your stuff here 
}); 

Fiddle

Answer 2

你正在尋找被稱爲佔位符的功能。從鏈接

• HTML5 Placeholder Input Fields Fixed with jQuery
• More information about events

例：退房

​​