jquery ui dialog去除第一个文本框焦点问题
2016-11-15 10:04
471 查看
最近做项目时,使用了jqueryUI dialog功能,当打开弹出框时,如果弹出框内容里面存在input,那么弹出框会自动获得第一个文本框焦点。
有时候,弹出框会有日期控件,一般日期控件采用focus触发事件,结合上述说的弹出框触发了日期的focus事件,造成弹出框和日期同时打开。这种用户体验效果非常差。
在网上看了很多解决方法的demo,使用过后都不能解决问题。仔细看了jqueryUI源代码,找到了最根本的解决办法。
这是最关键的,源码里面设置第一个文本框自动获得焦点。直接干掉这句,问题就解决了。
有时候,弹出框会有日期控件,一般日期控件采用focus触发事件,结合上述说的弹出框触发了日期的focus事件,造成弹出框和日期同时打开。这种用户体验效果非常差。
在网上看了很多解决方法的demo,使用过后都不能解决问题。仔细看了jqueryUI源代码,找到了最根本的解决办法。
hasFocus.eq( 0 ).focus();//设置弹出框中第一个文本框自动获得焦点
这是最关键的,源码里面设置第一个文本框自动获得焦点。直接干掉这句,问题就解决了。
相关文章推荐
- jquery ui dialog autofocus 去掉默认第一个元素获取焦点
- jquery ui dialog autofocus 去掉默认第一个元素获取焦点
- jquery ui dialog控件与 html5 兼容性问题
- jquery-seat-charts 使用(去除第一个元素获取焦点)
- 在ASP.NET下使用jQuery UI Dialog 无法提交问题
- jquery dialog打开时,焦点自动在第一个text框上
- Jquery UI dialog 弹层被遮住的问题
- jquery UI dialog 缓存问题解决
- jquery ui dialog 中使用select2 导致select2的input失去焦点的解决方法
- JQueryUI dialog控件不响应服务端事件问题解决,dialog不能提交表单
- JQuery1.2.6 ui.dialog控件在IE6下标题栏显示不正常的问题解决
- 有关jquery-ui的dialog的问题
- jquery_ui 的dialog自动获取焦点的研究
- 浅析JQuery UI Dialog的样式设置问题
- JQuery UI Dialog的样式设置问题
- jquery UI dialog在Firefox中的菜鸟问题
- 关于JQUERY UI dialog的bgiframe属性
- 第一段jquery代码,文本框中使用文字站位,获取焦点后文字消失;移出后文字重新出现。
- 为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能。参考"wind"的方法,感谢"wind",感谢 jww测试。(已兼容ie7,8,firefox3.5,chrome4)4)
- Jquery UI dialog 详解