jQuery使用默认值

Question

我有以下代码用<input>填充此"Suche..."。

$(function() {
    var suchfeld = $("#suchfeld");


    suchfeld.on("focus", function() {
        if( suchfeld.val() == "Suche..." ) {
            suchfeld.val("");
        }
    });

    suchfeld.on("blur", function() {
        if( suchfeld.val() == 0 ) {
            suchfeld.val("Suche...");
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="suchfeld" type="text"/>

问题是，在用户将网站加载了此类<input>并且该网站位于浏览器的缓存中之后，如果用户返回加载的网站，则<input>为空"Suche..."。

我该怎么办？

Answer 1

而不是Javascript使用placeholder：

<input type="text" placeholder="Suche...">

旁注：

要隐藏placeholder focus（如您的示例所示），请使用：

<input type="text" placeholder="Suche..." onfocus="this.placeholder = ''" 
     onblur="this.placeholder = 'Suche...'" >

Answer 2

尝试在页面上设置将字段加载到“Suche ...”

$(function() {
    var suchfeld = $("#suchfeld");
    suchfeld.val("Suche...");

    suchfeld.on("focus", function() {
        if( suchfeld.val() == "Suche..." ) {
            suchfeld.val("");
        }
    });

    suchfeld.on("blur", function() {
        if( suchfeld.val() == 0 ) {
            suchfeld.val("Suche...");
        }
    });
});