javascript - 未单击时如何取回以前的输入值？

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