JQuery Dialog對話框 不能通過Esc關閉的原因分析及解決辦法
背景:想通過Esc鍵關閉展示中的Dialog對話框,發(fā)現(xiàn)有些對話框可以,有些會失效。
原因分析:
1、對話框上可以輸入內容的標簽元素可以,反之不行。
2、如果鼠標點擊對話框后,也可以Esc鍵關閉。
可以看出對話框上是需要聚焦就可以了。
解決方案:
方案一:
focus:function(){
$("#id").focus();
}
方案二:
延遲聚焦
setTimeout(function() {
$("#id").focus();
}, 500);
以上所述是小編給大家介紹的JQuery Dialog對話框 不能通過Esc關閉的原因分析及解決辦法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
使用jquery的ajaxSubmit()異步上傳圖片的捅死實現(xiàn)保存表單數(shù)據(jù),具體演示代碼如下,感興趣的朋友可以參考下哈,希望對大家有所幫助2013-06-06
JQuery事件委托(適用于給動態(tài)生成的腳本元素添加事件)
jq寫了點擊事件,是通過獲取元素的類名被點擊后執(zhí)行對應方法,但是研發(fā)套完模板,他會把所有的結構先清空,導致jq根本找不到那個元素,所以事件就不得執(zhí)行了,需要的朋友可以參考下2020-02-02
jQuery基于函數(shù)重載實現(xiàn)自定義Alert函數(shù)樣式的方法
這篇文章主要介紹了jQuery基于函數(shù)重載實現(xiàn)自定義Alert函數(shù)樣式的方法,涉及jQuery函數(shù)重載及頁面元素屬性動態(tài)操作的相關技巧,需要的朋友可以參考下2016-07-07
Jquery+bootstrap實現(xiàn)表格行置頂置底上移下移操作詳解
這篇文章主要為大家詳細介紹了Jquery+bootstrap實現(xiàn)表格行置頂置底上移下移操作,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-02-02

