将焦点放在触发页面重新加载的按钮上

本文关键字:加载 按钮 新加载 焦点 | 更新日期: 2023-09-27 17:54:10

我有一个带有多个按钮的页面,可以触发"将项目添加到列表"。这是一个js函数,在添加项目到列表后将重新加载页面,以便在购物车上刷新项目总数。

我需要在触发刷新的按钮上重新加载后设置焦点。(可访问性)

如何确定是什么触发了刷新?

将焦点放在触发页面重新加载的按钮上

我建议的方法是:

  1. 作为JS过程的一部分,获取相关按钮的id。JavaScript - onClick获取被点击按钮的ID
  2. 将按钮的id存储在一个隐藏变量(focusButton等)中,该变量在刷新之间持续存在于页面上(通过在所讨论的视图和模型中声明,而不是通过所讨论的控制器方法删除)。
  3. 加载页面时,如果设置了该变量,则将焦点设置为该变量中列出的id,然后将该变量设置为空白。