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未聚焦選擇菜單

回答

相關問題