快捷導(dǎo)航

jQuery Dialog 打開時(shí)自動(dòng)聚焦的解決方法(兩種方法)

更新時(shí)間：2016年11月24日 08:43:47 投稿：mrr

這篇文章主要介紹了jQuery Dialog 打開時(shí)自動(dòng)聚焦的解決方法,及jquery dialog打開時(shí)，自動(dòng)聚焦在第一個(gè)控件上的方法，對(duì)jquery dialog相關(guān)知識(shí)感興趣的朋友通過(guò)本文一起學(xué)習(xí)吧

下面給大家介紹兩種方法解決jQuery Dialog 打開時(shí)自動(dòng)聚焦問(wèn)題。具體實(shí)現(xiàn)方法大家可以參考下本文。

方法一：

p1_dialog_seniorSearch.dialog({ 
title:"高級(jí)查詢", 
autoOpen:false,//默認(rèn)關(guān)閉 
modal: true,//開啟遮罩層 
width:570, 
height:330, 
buttons: { 
"查詢":function(){ 
seniorSearch(1,20) 
} , 
"關(guān)閉": function() { 
p1_dialog_seniorSearch.dialog( "close" ); 
} 
}, 
open:function(event, ui){ 
$(this).parent().focus(); 
}//取消獲取焦點(diǎn) 
});

方法二：

在要焦點(diǎn)的的控件加上 autofocus

如：第一個(gè)控件為 datepicker，默認(rèn)dialog打開會(huì)自動(dòng)彈出日歷

解決：在該dialog加個(gè)隱藏input,

<input type="hidden" autofocus/>

未加 autofocus，dialog不會(huì)聚焦影藏的input的。

PS： jquery dialog打開的時(shí)候,自動(dòng)聚焦在第一個(gè)控件上

在做項(xiàng)目的時(shí)候，用到j(luò)Query dialog,在dialog(“open”)一個(gè)頁(yè)面的時(shí)候，焦點(diǎn)會(huì)自動(dòng)聚焦到第一個(gè)控件上，剛好這個(gè)控件綁定了datepicker，就把日歷自動(dòng)彈出來(lái)了，糾結(jié)半天無(wú)果，google了一下，有人也遇到同樣的問(wèn)題。先給出解決方案

<input autofocus> 在標(biāo)簽上加一個(gè)autofocus屬性就能給指定的控件獲取焦點(diǎn)。比如第一個(gè)是日期控件，那么把這個(gè)屬性加到其他標(biāo)簽上去，第一個(gè)日歷控件就不會(huì)聚焦，也就不會(huì)彈出來(lái)了。話說(shuō)回來(lái)，這個(gè)方法有點(diǎn)類似于障眼法。

附上解決問(wèn)題的網(wǎng)址：

http://stackoverflow.com/questions/1202079/prevent-jquery-ui-dialog-from-setting-focus-to-first-textbox

http://jqueryui.com/upgrade-guide/1.10/#added-ability-to-specify-which-element-to-focus-on-open

以上所述是小編給大家介紹的jQuery Dialog 打開時(shí)自動(dòng)聚焦的解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: