小编Ser*_*rov的帖子

我有一堆垂直排列的多行可信div,我想通过箭头键在它们之间进行自然导航(就好像它是一个文档).为此,在keydown活动中我需要:

• 知道当前的插入符号行数和行数以确定是否需要向上移动(按下第一行和↑键)或向下(最后一行和↓键)
• 知道当前字符(显示的字符串中的位置)以确定是否需要向上移动(位置== 0和←键按下)或向下(位置== text.length和→按下)
• 当键被保持和未被释放时,该过程不应在开关元件之间停止(因此keydown事件,不是keyup)
• 优选:事件应该停止传播(例如,如果我在最后一行的第一列,我按↓键,它不应该跳到该行的最后一个字符,然后下去)
• 最好(真的很棒):在我们跳到下一个元素之后,我们不仅仅是.focus()元素,而是模仿与我们之前相同的垂直位置的点击,这样它会感觉自然,就像在文本编辑器中一样.

我迄今发现的所有脚本/库都没有完成我需要的所有东西或错误.请在您的建议中包含演示,以便我可以先测试而不在我的代码中进行测试.谢谢!

更新:视觉解释 - 请注意,有两个以上的div,最后一行的'向下箭头键'只是四个触发器中的一个

在现代 Web 框架（Laravel、Symfony、Silex 等）中，似乎有一种使用routes.php文件或类似方式将 URI 附加到控制器的模式。Laravel 通过使用 PHP 注释的选项使其变得更容易。

但对我来说，这一切都像是代码重复，当您创建/修改控制器逻辑时，您必须始终将路由文件放在手边。有趣的是，我在几个旧框架中看到了一种更简单的方法，我曾经在我的旧项目中也使用过它：

控制器。src/controllers文件夹中的所有类（旧方式）或YourApp\Controllers命名空间中的所有类都通过向 URL 添加“控制器”自动映射到 URL 的第一部分。示例：/auth被映射到AuthController、/product/...— 到ProductController和/— 到 default IndexController。

行动。Action 是 URL 的第二部分，它被映射到方法名称。所以，/auth/login会调用AuthController::loginAction()方法。如果没有提供第二部分，我们尝试indexAction(). 不希望人们访问某些内部方法？不要公开。

参数。URL 的下一部分被映射到方法的参数；如果参数列表中有Application和/或Request类型提示，它们将被跳过，以便可以正确注入；我们可以像往常一样通过 Request 访问 GET/POST 变量。

这是完整的示例，将所有这些功能一起使用：

URL: https://example.com/shop/category/computers?country=US&sort=brand

namespace MyApp\Controllers;

class ShopController extends BaseController {
    public function categoryAction(Application $app, Request $req, $category, $subcategory = null) { …