Javascript 使用键盘键浏览网页（在内容脚本中）

我想首先说，我现在真的不需要任何代码。很可能，我只需要一个起点

我正在尝试构建一个浏览器扩展（chrome），允许我使用键盘键浏览一个特定页面

此页面位于游戏（）上 如果你想看的话，你必须注册，所以我只描述一下

这是一个3x3网格的可点击框（不是真正的按钮…）。中间的盒子不可打开

游戏创建者使用JS（onClick事件）导航该区域（交互式森林）

我试图做的是将每个框的onlick事件绑定到一个键盘键

基本上，我们有：

北=8
南=2
东=6
西=4
西北=7
西南=1
东北=9
东南=3

努帕德方向

现在通过各种研究，我了解到我需要使用一个内容脚本将我的javascript注入到我想要的网页上

问题是，每个框都由以下代码行指定：

这行代码本身并不太复杂，但我已经习惯了OOP，我不知道如何引用它

我就是这么想的：

假设这是我的JS函数：

function DoSomething() {}

$(document).ready(function() {
    $("body").keydown(function(event) {
        if(event.keyCode == arrow.left) {
            DoSomething();
        }
    }
}

代码没有包含它，但是会有一个GET，它将获得当前的X和Y值，然后根据选择的方向加上或减去一个

因此，

DoSomething（）

将有一个名为“direction”的参数

然后在按键事件中，我的函数将“单击”与我的函数的X和Y相匹配的框

对于north，首先我有一个get，它可以找到x=10和y=10。然后知道我已经点击了“8”，它将设置x=10，y=10+1。然后，函数将找到其参数与我的函数的参数匹配的框，并“单击”它

我这样做对吗？（还是有更简单的方法？）

~Hamza

您使用的是

此表中有3个

每个

中有3个容器

给你13个可选择的目标

使用jQuery可以做几件事：

您可以为每个类分配唯一的

id

或

class

按键（）操作/选择数字键盘上96到105的按键代码。您可以根据键盘映射操作

不清楚你的行动和行动

示例：您正在处理突然出现在屏幕上，然后必须快速定向移动的内容吗？方向键，但没有提交按键

示例2：您有一个类似于拼图的可移动价格网格，但您必须在接合方向和取消选择之前绑定一个选择，以自由导航到另一块重新选择…移动…取消选择…移动…选择

例3：您需要执行例2中的操作，但您必须更换磁贴并记住您的起始点，以填充删除的peice。所以零件会改变位置。这意味着你得到了一套无法摧毁的碎片。他们只能改变立场

使用按键和键映射以及唯一id或类和select/unselect，您可以绑定一组内容，但需要确定事件的最终结果

如果不能在表上使用唯一id或类，则可以使用父、同级、子jQuery选择器

下一步：在

中是什么？它是图像还是背景色？您可以指定引用图像或颜色的css类/id。这样，你就有了你的辅助选择器，可以移动、移除、持有或销毁、追加

---

您可以使用指定的类/id或父级、同级、子级来获取容器标记的内容。从那以后，你必须自己回答你要做的事情……最终结果。一个人是如何赢或输的。

我已经改写了我的问题。现在只有一个主要问题。我已经很长时间没有使用这个网站了，你能告诉我如何删除这个保留吗？