Задать вопрос
danil_polyanskiy
@danil_polyanskiy
Junior Front-End Developer

JQuery | Как при обнаружении нажатого «Enter» в input'e нажать на выбранную кнопку?

Вот есть готовый код, который при обнаруженном нажатом "Enter" делает следующие заданные действия:
$(document).ready(function() {
	$("input").keydown(function(e) {
		if(e.keyCode === 13) {
			console.log($(this).val());
		};
	});
});


Скажите только как сделать так, чтобы в доступных к выполнению функциям добавить клик на кнопку.

Весь код:
<!DOCTYPE html>

<html>
	<head>
		<title>Test</title>
		<meta charset="utf-8">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
		<script>

			$(document).ready(function() {
				$("input").keydown(function(e) {
					if(e.keyCode === 13) {
						console.log($(this).val());
					};
				});
			});

		</script>
		<style>

			a {
				text-decoration: none;
				color: white;
			}

			body {
				background-color: #222222;
			}

			input {
				position: absolute;
				background-color: gray;
				border: 1px solid white;
				color: white;
				width: 150px;
				height: 20px;
				padding: 0px 5px;
			}

			.button {
				position: absolute;
				border: 1px solid white;
				margin-top: 30px;
				width: 50px;
				height: 25px;
				text-align: center;
				line-height: 25px;
				background-color: gray;
			}

		</style>
	</head>

	<body>

		<input type="text">
		<a id="button" class="button" href="google.com">Click</a>

	</body>

</html>
  • Вопрос задан
  • 62 просмотра
Подписаться 2 Простой Комментировать
Решения вопроса 1
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
я бы посоветовал, конечно, полностью пересмотреть логику. но к примеру вот, что ты хочешь:
$(document).ready(function() {
  $("input").keydown(function(e) {
    if(e.keyCode === 13) {
      $('.button').click();
    };
  });
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы