Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.08.2015, 21:13
Аспирант
Отправить личное сообщение для Валерий1996 Посмотреть профиль Найти все сообщения от Валерий1996
 
Регистрация: 11.06.2015
Сообщений: 74

Событие после удерживания клавиши
Как сделать чтоб когда пользователь нажал на виртуальную клавишу (бутон) и удерживал её 3 секунды , запустить потом функцию, к примеру алерт ?

Последний раз редактировалось Валерий1996, 30.08.2015 в 21:31.
Ответить с цитированием
  #2 (permalink)  
Старый 31.08.2015, 04:15
Профессор
Отправить личное сообщение для caetus Посмотреть профиль Найти все сообщения от caetus
 
Регистрация: 23.09.2014
Сообщений: 197

<button id="but">click</button>


<script>
	var but = document.getElementById('but')

	but.addEventListener('mousedown', function () {
		var data = new Date();
			but.addEventListener('mouseup', function fn () {
				if(new Date() - data > 3000) alert(2)

				but.removeEventListener('mouseup', fn, false)

			},false)
	},false)
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 31.08.2015, 09:37
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

<button id="but">click</button>
<script>var but = document.getElementById('but');
but.addEventListener('mousedown', function () {
	but.setAttribute("data-_clk_",
        String( setTimeout(
            function() {
                but.removeAttribute("data-_clk_");
				alert('ta-dam');
            }, 3000) 
		)
    );
}, false);

but.addEventListener('mouseup', function () {
	if ( but.getAttribute("data-_clk_") ) {
		clearTimeout( Number( but.getAttribute("data-_clk_") ) );
		but.removeAttribute("data-_clk_");
	}
}, false);
</script>
Ответить с цитированием
  #4 (permalink)  
Старый 31.08.2015, 10:45
Аспирант
Отправить личное сообщение для Валерий1996 Посмотреть профиль Найти все сообщения от Валерий1996
 
Регистрация: 11.06.2015
Сообщений: 74

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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Плагин jQuery - как сгенерить событие? maxapet jQuery 1 31.08.2015 09:44
клик и событие работает клик и это событие не работает Trues Элементы интерфейса 3 27.05.2015 09:28
Сохранение данных после закрытия страницы HekracoB AJAX и COMET 12 02.01.2015 12:41
Почему может не работать mouseover после метода post/get vuler Общие вопросы Javascript 1 22.02.2012 13:28
Как вызвать событие после события определенного в onchange Наталья Events/DOM/Window 2 12.09.2009 13:51