js Ввод с кнопки

119
18 мая 2021, 08:40

Происходит ввод данных в поле (input) и получение значения с кнопки "Жмакни меня":

function someFunc() { 
  alert(document.getElementById("txt").value); 
} 
document.getElementById("btn").onclick = someFunc;
<input type="text" id="txt" /> 
<input type="button" id="btn" value="Жмакни меня">

Как сделать так, что бы ввод был с помощью клавиши на клавиатуре Enter?

Answer 1

function func(event) { 
  if(event.keyCode==13) { 
    alert(document.getElementById("txt").value); 
  } 
}
<input type="text" id="txt" onkeyup="func(event)" /> 
<input type="button" id="btn" value="Жмакни меня">

Answer 2

Можно как то так

someFunc(); 
function someFunc () { 
    let input = document.getElementById('txt'), 
        btn   = document.getElementById('btn'); 
     
    // Отлавливаем нажатие клавиш в input 
    input.addEventListener('keydown', (event) => { 
        // Если это клавиша Enter 
        if (event.keyCode == 13) alert(input.value); 
    }); 
     
    // Нажатие по кнопке не убирал 
    btn.addEventListener('click', () => alert(input.value)); 
}
<input type="text" id="txt" /> 
<input type="button" id="btn" value="Жмакни меня">

Коды клавиш

READ ALSO
Проблема с vue hover

Проблема с vue hover

Есть компонент на vue - мультиселектРешил изменить его кастомный значок - стрелку, через слоты

90
Вывод данных из хранилища Vuex в компонент Vue

Вывод данных из хранилища Vuex в компонент Vue

Мне нужно создать компонент Vue, который будет принимать данные Json из хранилища VuexКогда я создаю тестовый код в песочнице, все работает

118
Не отображается шрифт на страницах сайта при использовании windows 7

Не отображается шрифт на страницах сайта при использовании windows 7

Шрифты подгружаются в src, появляются и сразу же становятся белымиЕсли убрать свойство font-family в body, подгружаются дефолтные шрифты

101