首页 > 解决方案 > 在此示例中是否可以反转下一个和上一个键盘导航?

问题描述

我正在一个名为 visme 的在线软件上创建这个 html 设计。它是一个帮助创建交互式信息图表的软件,例如 canva,并允许简单的 Html 下载。是的。

我的问题是:是否可以反转导航键盘按钮的功能,这些按钮在我下载的 visme 生成的代码中导航页面?

例如,现在右键盘键将您带到下一页,而左键盘键将您带到上一页。是否可以反转左键将您带到下一页而右键将您带到上一页的位置?

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

标签: javascript

解决方案


是的,你绝对可以做到。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 文件。

在此处输入图像描述


推荐阅读