Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   При нажатии enter срабатывал :active (https://javascript.ru/forum/dom-window/70294-pri-nazhatii-enter-srabatyval-active.html)

Иван8718284019284759670 25.08.2017 00:57

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

j0hnik 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>


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


Часовой пояс GMT +3, время: 18:58.