Событие кнопок на элементах?

Question

[thehighhomie]

Как сделать так, чтобы при нажатии на элемент, например DIV, срабатывали действия нажатия стрелок на клавиатуре вверх и вниз? Например чтобы можно было переключать слайды нажатием мышки на стреллки (DIV'ы) и срабатывали действия нажатия кнопок стрелок на клаве?

Comments

[Виталий Инчин ☢]

А не логичнее сделать наоборот?

Answer 1

[Maxim Nepritimov]

При помощи jQuery:

var keyUp  = $.Event("keydown", { keyCode: 38 }),
    keyDown  = $.Event("keydown", { keyCode: 40 });
$(".div-up").trigger(keyUp);
$(".div-down").trigger(keyDown);

Попробуйте, может на js подобное сработает:

var evt = document.createEvent("Event");
evt.initEvent("keyup", true, true);
evt.keyCode = 38;
function a(e) {
    alert(e.keyCode);
}
document.onkeyup = a;//функция при нажатии клавиши
document.dispatchEvent(evt);//срабатывание

Comments

[thehighhomie]

спасибо) а есть вариант написать это без библиотеки?) понять хочется)

[Maxim Nepritimov]

thehighhomie: насчет чистого js - не знаю, погуглите. Но я не понимаю, зачем. Вы можете повесить необходимый обработчик на нажимаемые кнопки - обойдетесь малой кровью.

[thehighhomie]

Maxim Nepritimov: ну мне нужно чтобы при нажатии на стрелки, которые в шапке находятся, страница сроллилась. Она скролллица колесиком и кнопками (плагин fsvs). Вот я так и хочу это реализовать как то. Может я сильно перемудрил, если можно что то подобное как вы говорите сделать с малой кровью я бы с удовольствием послушал совет)

[Maxim Nepritimov]

thehighhomie: Посмотрите, какие события происходят при нажатии на клавиши клавиатуры.
Тут еще посмотрите, может статья поможет habrahabr.ru/post/120960

[thehighhomie]

Maxim Nepritimov: я знаю какие происходят) ну например при нажатии на кнопку я хочу чтобы сработал keypress с кодом 38, как это можно реализовать?) вот в чем проблема)

[Maxim Nepritimov]

thehighhomie: Мне кажется, надо немного с другой стороны подойти к проблеме. Нужно понять, какая функция вызывается при событии с keyCode == 38 и повесить ее на заветную кнопочку)

[thehighhomie]

Maxim Nepritimov: попробую) спасибо)