单击时强制将注意力集中在锚点上

Question

我正在使用modal-popup.js，单击此锚点时，将显示模式弹出窗口；但是，这将焦点从锚点移开。

有什么方法可以迫使浏览器继续关注锚点？

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

Answer 1

<a href="#" id="link">test</a>

$（“＃link”）。focus（）;

这将起作用。

Answer 2

如果为锚标记提供ID或类，则可以使用DOM元素focus()方法。

在模式的点击处理程序方法中，选择您希望保持焦点的定位标记，然后调用focus()方法，如下所示：

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