我們有以下HTML:不能設置默認的焦點在Firefox
<div>
<span>
<span id="Container1" tabindex="1" >Container1</span>
</span>
</div>
<span id="Container2" tabindex="2" >Container2</span>
,我們需要加載頁面時,將焦點設置到container2的<span>
元素。
我嘗試以下的jQuery:
$(document).ready(function(){
$("#Container2").focus();
});
它工作正常,在瀏覽器(版本35.0.1916.153)和IE9。但在Firefox(v。30.0)中不起作用。 據this question我也試過
$(document).ready(function(){
setTimeout(function() {
$("#Container2").focus();
}, 0);
});
和
$(document).ready(function(){
setTimeout(function() {
$("#Container2").trigger('focus');
}, 0);
});
卻是相同的result。
也不可能用鼠標單擊選擇元素,直到我們按下TAB按鈕。
我看着this的問題,它似乎焦點設置正確,但輪廓不呈現。
是否有任何方法可以在Firefox中設置默認焦點?
」焦點事件在獲得焦點時發送給元素,該事件隱式適用於有限的一組元素,例如表單元素(,
事實上,它似乎工作,當你不使用超時:http://jsfiddle.net/BVS29/87/,但你將不得不在jsfiddle之外觀看它:http://小提琴.jshell.net/BVS29/87/show /這是因爲'tabindex' –
尼科,謝謝你的回覆。你是對的。當我們使用「全屏結果」[鏈接](http://jsfiddle.net/BVS29/87/embedded/result/)時,它正在工作。但是我們仍然有一個問題,用鼠標點擊select元素,直到我們按下TAB按鈕。此外,我們不能像[這裏](http://jsfiddle.net/BVS29/104/)那樣設置焦點。你有想法嗎? – DWuser