Javascript未聚焦选择菜单

我有一个大页面，充满（服务器端）生成的信息组织成“章节”。为了让用户更容易浏览，我将一个CSS固定位置的小元素放在页面的右上角。Javascript未聚焦选择菜单

<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部分。这很好地工作。但是仍然存在一个小问题：

用户（包括我）可以使用选择菜单在文档内跳转，但通常会使用光标箭头键来导航以滚动页面。问题：使用选择菜单后，它具有焦点，所以光标键现在“滚动”选择菜单中的可能选项。我想要的是：在使用选择菜单后，我希望它自动失去焦点，所以光标键可以滚动页面。

我该怎么做？感谢您的任何建议。

来源

2011-10-21 LGB

element.blur()

尝试设置位置后

来源

2011-10-21 08:16:05

Javascript未聚焦选择菜单

回答

相关问题