我正在尝试在我的应用程序中使用JavaScript和Angular 2实现“锚点跳转”功能,这意味着用户可以跳过页面中的部分。
根据客户要求,用户可以使用Ctrl+Shift+向左/向右箭头键跳转(导航)该部分。
在这里,我添加了一个快照来清除这个问题,如下所示。
例如,假设第一次将焦点放在菜单上,并且用户按下了Ctrl+Shift+Right箭头,此时焦点应该是转到下一个元素项(即Breadcrumb部分或任何部分)。
我很困惑,如何管理动态加载的内容?(如何在我的部分中计算这些动态内容?)
请建议实现此功能的任何想法。
发布于 2018-02-02 17:47:44
你需要的是一个焦点管理器。我不会费心从头开始写一个,Angular Focus Manager就是一个解决这个问题的例子。它还集成了添加快捷方式指令的Mousetrap.js。
您的动态内容总是可以包装在具有管理焦点的内容中(即使是div)。
我希望这能帮到你!
https://stackoverflow.com/questions/44135001
复制相似问题