首页 > 解决方案 > 单击时强制保持焦点在锚点上

问题描述

我正在使用modal-popup.js,当点击这个锚点时,会显示模态弹窗;但是,这会从锚点上移开焦点。

有什么办法可以强制浏览器一直关注锚点?

<a href="#">anchor</a>

标签: javascriptfocus

解决方案


如果你给你的锚标签一个 id 或一个类,你可以使用 DOM Elementfocus()方法。

在模态框的单击处理方法中,选择您希望保持焦点的锚标记,然后调用该focus()方法,如下所示:

document.querySelector("#anchor_id").focus();

推荐阅读