浏览器搜索栏关闭后如何将焦点设置到元素？

Question

我正在使用浏览器中的默认搜索选项进行搜索。它会搜索并检测网页上的文字。  但是关闭顶部的搜索栏后，焦点就会回到整个页面。

我希望焦点集中在当前突出显示的搜索元素上。

我不知道如何解决这个问题，可以提出建议。

我在关闭搜索栏后将焦点放在突出显示的元素/文本上，但是实际输出是，一旦我关闭默认浏览器搜索栏，焦点就会回到整个页面

谢谢您的时间

Answer 1

您只能使用DOM。您不能访问地址栏，因为它不是DOM的一部分。

但是，要解决第二个问题，如果您想重点关注某些元素，请按以下步骤操作：

您可以为该自定义元素创建一个引用，然后只需调用.focus()

focusCustomElement = () => this.customElementRef && this.customElementRef.focus()

render(){
    <CustomElement
        ref={element => (this.customElementRef = element)}
    />
}

因此，在调用focusCustomElement() CustomElement时将获得焦点。