Форум

Иван8718284019284759670 · #1 (**permalink**) 25.08.2017, 00:57

При нажатии кнопки выполняется функция, и та же самая функция выполняется при нажатии на enter. Но как сделать так, чтобы при нажатии на enter помимо функции еще и выполнялась анимация, как при нажатии на кнопку мышкой (:active)

j0hnik · #2 (**permalink**) 25.08.2017, 03:08

<!DOCTYPE html>
<html>
<head>
	<style>
		div{
			display: block;
			border: 1px solid red;
			width: 100px;
			height: 100px;
			margin: 20px;
			transition: 1s;
		}
		div:active, div.active{
			transform: scale(1.2);
		}
	</style>
</head>
<body>
<div>тест</div>
	<script>
	var div = document.querySelector('div');
	window.onkeydown=function(e){
		if(e.keyCode==13) div.classList.add('active');
	};
		window.onkeyup=function(e){
		if(e.keyCode==13) div.classList.remove('active');
	};
	</script>
</body>
</html>

может пример поможет

Форум

Справочник

Discord чат

Курсы javascript