Button event on elements?

Question

JavaScript

How can I make it so that when an element, such as a DIV, is clicked, the keyboard up and down arrow press actions are triggered? For example, so that you can switch slides by clicking on the arrows (DIVs) and the actions of pressing the arrow buttons on the keyboard work?

Answer 1

With jQuery:

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

Try it, maybe this will work for 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);//срабатывание