在此示例中,是否可以反转下一个和上一个键盘导航?

时间:2019-05-19 16:55:24

标签: javascript

我正在一个名为visme的在线软件上创建此html设计。该软件可以帮助创建诸如canva之类的交互式信息图表,并允许简单的HTML下载。是的。

我的问题是:是否可以颠倒我下载的visme生成的代码中浏览页面的导航键盘按钮的功能?

例如,现在右键盘键将您带到下一页,而左键盘键将您带到上一页。是否可以逆转左右方向键将您带到下一页而右方向键将您带到上一页的地方?

以下是代码的链接:https://drive.google.com/file/d/1RrslmElWNq57C5W9lyJuWJRIAlGSX5Fi/view?usp=sharing

1 个答案:

答案 0 :(得分:0)

是的,您绝对可以做到。 jQuery有一个预定义键可以假定其特殊值

$("body").keydown(function(e) {
  if(e.keyCode == 37) { // left
    $("#showroom").animate({
      left: "-=980"
    });
  }
  else if(e.keyCode == 39) { // right
    $("#showroom").animate({
      left: "+=980"
    });
  }
});

因此,键盘上的左键值为37,右键为39。

您可以做的是在jQuery.js文件中更改这些值。 请从驱动器链接中参考随附的jquery.js文件。

enter image description here