Как переместить div в предопределенный путь с помощью клавиатуры, AJAX и jQuery

Question

Здравствуйте, есть ли способ использовать клавиатуру, скажем, кнопку Enter и переместить div в путь, который я определил ранее?Под «путем» я имею в виду, например, переместить несколько шагов вправо, затем вниз, затем влево и так далее.Основная цель - использовать путь как вручную, так и с помощью нажатия клавиши body или команды onload.Любая помощь / идея / пример является точной.

Answer 1

Вы можете использовать jQuery animate () в div в ответ на события нажатия клавиш.

$(document).keypress(function(e) {
    var anim_params;
    if (div in state 1) {
        anim_params = state 2 params;
    } else  if (div in state 2) {
        anim_params = state 3 params;
    } else if (...) {
        ...
    }

    $('#div_id').animate(anim_params);
});

Конечно, вы можете заменить эти операторы if поиском, но вы поняли идею.