HTML5 天气预报 互动版

按钮事件

按钮被按下(keypress)事件,if判断按了那个按钮,获取文本框输入值,并调用getWoeid()方法。

$('#city').keypress(function() {
    if (event.which == 13) { // 按下回车键
        selectedCity = $('#city').val();
        getWoeid(selectedCity);
        $('#city').blur();
    }
});

按钮点击事件,改变温度刻度。

$('#btn').click(function() {
        if ($('#btn').html() == "F") {
            unit = "c";
        } else unit = "f";
        $('#btn').html(unit.toUpperCase());
        getWoeid(selectedCity);
    })