Нажав ввод на форме отправки - PullRequest
Новая
       16

Нажав ввод на форме отправки

0 голосов
/ 20 июня 2019

Почему, когда я нажимаю ввод, он не запускает code, потому что я помещаю код, который должен работать в if statement.Когда я нажимаю enter it console log, он не запускается должным образом. 

document.getElementById('city-location').addEventListener('keyup', (e) => {
    const LOCATION = document.getElementById('city-location').value
    if(e.target.which == 13 || e.target.keyCode == 13) {
        weatherApi.changeLocation(LOCATION);
        storage.setStorage(LOCATION);
        getWeatherApi();
    } else {
        console.log('Wrong key pressed');
    }

    e.preventDefault();
})

Вот разметка: 

<form id="weather-modal-form">
 <div class="form-group">
    <label for="city">City</label>
    <input type="text" id="city-location">
 </div>
</form>

1 Ответ

3 голосов
/ 20 июня 2019

Вы должны добавить submit событие для кнопок ввода. 

document.getElementById('weather-modal-form').addEventListener('submit', (e) => {
    e.preventDefault();
    console.log("work's");
})
<form id="weather-modal-form">
 <div class="form-group">
    <label for="city">City</label>
    <input type="text" id="city-location">
 </div>
</form>
...