Question

如何在整页图像滑块中提供箭头键事件，例如下面的示例链接 - ＆gt; https://www.htmllion.com/examples/pure-css-based-fullscreen-slider-demo.html。我需要与箭头键事件相同的布局。请帮助。

Answer 1

在Jquery中使用键盘events。根据用户点击导航页面

Answer 2

使用jQuery你可以做这样的事情。

$(window).on('keyup', function(e){
    console.log(e.keyCode); // log the keycode of the key pressed
    switch(e.keyCode){
        case 37:
            console.log('Prev');
            break;
        case 38:
            console.log('Up');
            break;
        case 39:
            console.log('Next');
            break;
        case 40:
            console.log('Down');
            break;
    }
});

Answer 3

您可以向任何元素添加keydown事件并调用函数。在下面的示例中，我使用了输入文本字段来添加keydown事件，并在按下左箭头键或右箭头键时发出警报

function myFunction(event) {
    var keyVal = event.keyCode;
    
    switch(keyVal)
    {
      case 37:
      alert('Pressed left');
      break;
      case 39:
      alert('Pressed right');
      break;
    }
   
}

<input type="text" onkeydown="myFunction(event)">

如何在整页图像silder中给出箭头键事件

3 个答案: