2016-09-07 11 views
-1

У меня есть анимация, которая должна начинаться с keydown на заданную длительность (3 с или около того).Событие триггера с нажатием клавиши пробела для заданной длительности

Удивление, могу ли я связать функцию анимации с jquery keydown, но как я могу добавить к ней длительность или если есть другой плагин jquery, который может справиться с этим?

Мультипликация что-то вроде:

$ (»slide1.) SlideUp();.

, но мне нужно привязать это к событию удержания ключа, чтобы он срабатывал, когда кто-то удерживал пробел на 3 секунды. Я даже не знаю, с чего начать.

Что-то вроде - но как запускать с помощью фактической пробела?

$('spacebar').keydown(
    $('.slide1').slideUp(); 
), 3000) ? 
+0

Ну, мы понятия не имеем, как вы запускаете анимацию. – epascarello

+0

Вы хотите, чтобы анимация длилась 3 секунды, или вы хотите, чтобы она срабатывала, когда ключ удерживался в течение трех секунд? Ваш вопрос непонятен. Некоторая информация о том, что вы уже пробовали, слишком много помогла бы. –

+0

Вам нужно было бы установить глобальный таймер при нажатии клавиши, а затем остановить его на клавиатуре, чтобы увидеть, сколько времени оно было удержано. – Pete

ответ

0
$(window).keypress(function (e) { 
    if (e.keyCode === 0 || e.keyCode === 32) { 
    e.preventDefault() 
    console.log('Space pressed') 
    //do some stuff here 
    /*some animation*/.delay(3000);//plays animation for 3 seconds 
    } 
}); 

Как и другие отметили, что это трудно понять, что вы ищете специально без каких-либо примеров кода. Однако похоже, что вы ищете что-то подобное.

+0

Это именно то, что я ищу, за исключением того, что мне нужно добавить продолжительность в пробел. Если они просто попадают в пробел, ничего не происходит, но событие срабатывает, если они удерживают его в течение 3 секунд. Это возможно? – njpatten

+1

ahhh, тогда вам нужно что-то по линиям $ (окно) .keydown (функция (e) {.......... Просто удалите задержки, каждый раз, когда ОС отправляет сигнал ключа , он должен запустить событие «вниз» и выполнить цикл. Другими словами, сделайте то, что вы хотите сделать, пока нажата клавиша. Я бы предложил изучить эту библиотеку: https://p5js.org/ Это хорошая простая библиотека, предназначенная для представления данных/простых анимаций/простых игр и других вещей, а также наличия множества ключевых обработчиков обнаружения, встроенных в нее – Turk

 Смежные вопросы

  • Нет связанных вопросов^_^