2009-06-16 38 views
0

考慮下面的代碼:如何在IE中使用Javascript集中無線電控制?

function test() { 
 
    document.forms[0].TEST[0].focus(); 
 
}
<form> 
 
     <input type="button" value="Test" onclick="test()" /> 
 
     <input type="radio" name="TEST" value="A">A</input> 
 
     <input type="radio" name="TEST" value="B">B</input> 
 
    </form>

在IE6中,單擊該按鈕不集中控制,除非我已經通過無線電標籤至少一次,在這種情況下,作品。 =/

任何想法我應該如何集中控制?上面的作品在FF中完美無瑕。

編輯:我發現控件正在聚焦,除了單選按鈕周圍的高亮框沒有被渲染。 (我可以點擊空間激活單選按鈕,也可以使用箭頭鍵更改活動按鈕)。所以問題變成:我如何強制焦點突出顯示框呈現?

+0

WFM - 你試過這種對IE的其他實例? – annakata 2009-06-16 07:59:25

+0

你想「點擊」它還是僅僅關注? – 2009-06-16 08:50:42

+0

注意你的輸入標籤不是正確的標記 – arhak 2016-10-27 09:28:59

回答

0

其實它是聚焦,你可以測試它通過聚焦第二個項目,並在點擊按鈕點擊空間後,你可以看到第二個項目被選中。這表明項目越來越重點,但我認爲你的意思是焦點後的選擇虛線。我不知道該怎麼做。

0

Internet Explorer的輔助功能高級選項中提供了一個選項,用於表示「使用選擇或焦點移動系統光標」。如果您有辦法傳播IE設置,這可能是一個解決方案。

編輯:這是行不通的

0

您可以強制任何樣式的焦點綱要

function test() { 
 
    document.forms[0].TEST[0].focus(); 
 
}
/* if this CSS rule is overrode by another one, then strengthen the selector of this rule to make it more specific (or use "!important") */ 
 
input[name=TEST]:focus { 
 
    outline: 1px dotted blue; 
 
}
<form> 
 
    <input type="button" value="Test" onclick="test()" /> 
 
    <input type="radio" name="TEST" value="A" /> 
 
    <input type="radio" name="TEST" value="B" /> 
 
</form>