今天在用jqueryui的日历功能,datepicker时碰到一个问题。输入框在一个弹出的jquery dialog中,每次dialog(“open”)的时候,对话框的焦点自动focus到第一个<input type="text"/>框,正好这个input框绑定了datepicker,就自动把日历弹出来了。
google了一下,还真碰到正好也有这个问题的:
http://stackoverflow.com/questions/1202079/prevent-jquery-ui-dialog-from-setting-focus-to-first-textbox
里面有提到jquery对话框打开时,哪个元素获得焦点的机制:
http://jqueryui.com/upgrade-guide/1.10/#added-ability-to-specify-which-element-to-focus-on-open
在jqueryui 1.10.0之后,对话框打开时,第一个设置了autofocus的元素获得焦点。
在jqueryui 1.10.0之前:tabbable elements within the content area, tabbable elements within the button pane, the close button, and finally the dialog itself as a fallback。即:对话框主体内容中第一个支持tab键的元素;如果没找到,则查找button部分第一个支持tab键的元素;再没找到,则close按钮获得焦点;最后没有的话,整个对话框获得焦点
分享到:
相关推荐
仿 JQuery Dialog 登录页面 htm css div 简洁
JQuery UI Dialog 弹出框以及清楚数据
jquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialog
jQuery Dialog jQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery Dialog
jquery Dialog 弹出框 上一个项目就是用的这个 很漂亮很实用
简单的jquery dialog实现插件,使用简单,自行修改样式
jQuery dialog对话框插件点击弹出对话框代码 jQuery dialog对话框插件点击弹出对话框代码
主要介绍了jQuery Dialog 打开时自动聚焦的解决方法,及jquery dialog打开时,自动聚焦在第一个控件上的方法,对jquery dialog相关知识感兴趣的朋友通过本文一起学习吧
Jquery中dialog属性的小计,详细介绍dialog的使用
一款不错的jQueryDialog 插件使用范例,有需要的请查看
jqueryAlert confirm prompt 将jqueryDialog改成prompt形式
最近做了一个烂尾工程,主要是基于客户端的,JQuery + JSON,写了近四千行JS代码。虽然项目未结项就转交了出去,但开始对JQuery产生了好感并爱不释手,于是决定将此项目正式更名为JQueryDialog。 本次更新将代码...
两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。
插件描述:jquery弹出框插件dialogbox. 参考示例:http://www.jq22.com/jquery-info4987
18、jQuery弹出对话框jQuery插件Dialog
jQuery插件 dialog非常不错的弹出框控件
基于 jquery 项目中 用到的dialog弹出层 一种弹出层
一个想当漂亮的jquery提示框:jQuery Modal Dialog弹出对话框插件,可用它实现各种的网页提示效果,比如错误提示框、警告框、操作提示框等,暖色调界面,使用方法简单,参考本例所展示的各种提示框生成办法,就可...
jQuery大气满屏焦点图切换,效果好,功能全,适合初学网页制作者!