Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.08.2017, 00:57
Новичок на форуме
Отправить личное сообщение для Иван8718284019284759670 Посмотреть профиль Найти все сообщения от Иван8718284019284759670
 
Регистрация: 25.08.2017
Сообщений: 1

При нажатии enter срабатывал :active
При нажатии кнопки выполняется функция, и та же самая функция выполняется при нажатии на enter. Но как сделать так, чтобы при нажатии на enter помимо функции еще и выполнялась анимация, как при нажатии на кнопку мышкой (:active)
Ответить с цитированием
  #2 (permalink)  
Старый 25.08.2017, 03:08
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

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


может пример поможет
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
плавный скролинг при нажатии кнопки на форме sones Элементы интерфейса 14 23.03.2015 19:32
Смена класса у отдельного div при нажатии на ссылку Maxim-Ra Элементы интерфейса 6 15.02.2015 11:20
Присваивание класса при нажатии на ссылку skorpeeon Элементы интерфейса 10 25.07.2013 19:07
onClick на button при нажатии Enter atech Events/DOM/Window 2 09.08.2012 15:48
SyntaxHighlighter подсветка при нажатии faraday Общие вопросы Javascript 3 31.03.2012 22:43