HTML5 天气预报 互动版

获取焦点,失去焦点

输入框获取焦点事件(focus),失去焦点(blur)。

$('#city').focus(function(event) {  // 获取焦点事件
    placeholder = $("#city").val(); // 为变量赋文本框的值
    $("#city").val(""); // 清空文本框
    $('#city').css("border-bottom", "1px solid #F5F8FC");  // 设置样式
});
$('#city').blur(function(event) { // 失去焦点
    if ($("#city").val() == "") {
    $("#city").val(placeholder);
}
});