HTML5 天气预报 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

获取焦点,失去焦点

输入框获取焦点事件(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);
}
});