jQuery-文本字段上的焦點和模糊不起作用

Question

所以，我在這里很困惑。 我有一個textfield ，用於搜索，在該textfield ，有一個默認文本（在此處搜索）。

我添加了focus和blur因此當我focus放在textfield （默認文本分散器）上時。 在blur ，它又回來了。 但是它不起作用，即使它是我首先進行的測試的結果。

她的JS：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />

<script>
var data = [
        {"label" : "NAME | MAIL | NR."},
        {"label" : "NAME | MAIL | NR."}

        ];

$(function() {

    $('#search_bar').autocomplete(
    {
        source:data
    });
});


</script>

<script>

var default_value = "Search Here";

$(".ringenven").focus(function() {
    if($(".ringenven").val() == default_value)
    {
        $("ringenven").val("");
    }
});

$(".ringenven").blur(function() {
    if($(".ringenven").val() == "")
    {
        $(".ringenven").val(default_value);
    }
});

</script>

這是文本框：

<input class="ringenven" id="search_bar" style="MARGIN-TOP: 35px; MARGIN-LEFT: 10px; WIDTH: 300px; HEIGHT: 22px" type="text" size="9" value="Search Here" name="search_bar" />

Answer 1

為什么不只使用占位符屬性– @hyxnat

-Ty踢我的頭;）

Answer 2

在條件主體內的焦點上，您忘記了類選擇器。

采用

$(".ringenven").val("");

代替

$("ringenven").val("");