Javascript取消焦点选择菜单

Question

我有一个很大的页面，充满了(服务器端)生成的信息组织成"章节"。为了方便用户浏览，我在页面的右上角放置了一个CSS固定位置的小元素。

<div class="selector">Goto section within the table:&nbsp;<select
id="chapterselector"
onChange="goto_section('chapterselector')">%SELECTOR%</select>
</div>

文本"%SELECTOR%"被服务器端组件替换为正确的选项元素。

function goto_section ( element ) {
    element = document.getElementById(element);
    window.location = '#Chapter_' + element.value;
}

现在这是JavaScript部分。这工作得很好。但是还有一个小问题:

用户(包括我)可以使用选择菜单在文档中跳转，但通常会使用光标箭头键来导航以滚动页面。问题是:在使用选择菜单后，它有焦点，所以光标键现在"滚动"选择菜单中的可能选项。我想要的:在使用选择菜单后，我想让它自动失去焦点，这样光标键就可以滚动页面。

我该怎么做?谢谢你的建议。

Answer 1

element.blur()

设置好位置后试试