为了方便用户的输入,我们一般默认页面载入后焦点设置在第一个输入的控件上,使用thickbox,弹出后的窗口怎么设置焦点呢?
原来是想说在新的页面上直接设置:$("#id").focus();的,但发现,这个在页面截入前就执行了,查找了一下http://codylindley.com/thickboxforum
的论坛,发现这种情况有两种方法可以解决:

1,还是老方法,只是延迟了时间执行焦点的获取:
setTimeout("$('#username').focus();",100);

2,比较完美的方法,但得修改thickbox.js文件.
2.1在原thickbox.js 文件中从219到239行内的三个判断语句中的:$("#TB_window").css({display:"block"});后增加一句:
$("#TB_iframeContent").contents().find("body").find(".grabfocus:first").focus();//新增加的第一个获得焦点

2.2接下来在页面中需要获得焦点的控件的class 加上:grabfocus 这个类.就可以了..

备注:

Thickbox 3.1

jquery-1.4.4.min.js

 

转载于:https://www.cnblogs.com/jackljf/archive/2012/08/27/3589331.html

jquery 插件 thickbox窗口 第一个控件获得焦点(解决第二次弹出窗口,文本不能输入数据)...相关推荐

  1. 解决浏览器拦截弹出窗口问题

    解决浏览器拦截弹出窗口问题 参考文章: (1)解决浏览器拦截弹出窗口问题 (2)https://www.cnblogs.com/goloving/p/9721210.html 备忘一下.

  2. 同r做一个窗口_怎样在触摸屏上做一个自定义的弹出窗口?

    在触摸屏的应用中,一些故障.警告等提示信息通常是使用系统的报警窗口来实现.系统的报警窗口通常只有故障/警告的编号.日期时间及报警信息等内容,并且可以被折叠.这种千篇一律的报警窗口有时候并不能满足项目的 ...

  3. css关闭窗口按钮的代码,JS+CSS实现带关闭按钮DIV弹出窗口的方法

    这篇文章主要介绍了JS+CSS实现带关闭按钮DIV弹出窗口的方法,实例分析了div弹出层窗口的实现技巧,非常具有实用价值,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS+CSS实现带关 ...

  4. android 弹出键盘 底部控件上移,如何设置底部控件view随着软键盘的弹出而上移...

    1. 概述 在开发中,我们可能会遇到一个常见的效果,就是点击EditText输入框,软键盘随着EditText输入框同时上移,实现方式如下: 给EditText 外层添加一个 ScrollView,然 ...

  5. 【Android开发日记】第一个任务Android Service!Service靴+重力感应器+弹出窗口+保持执行...

    前言: 近期在写一个小程序,需求是手机摇一摇就弹窗出来.第一次使用了Service,学习了两天,实现了Service弹窗,开机启动,Service启动和销毁,Service保持一直执行. 满足了自己的 ...

  6. 基于js的一个日历控件,点击按钮,弹出日历,显示日期到文本框

    首先是一些js代码: <Script LANGUAGE="JavaScript"> var months = new Array("一", &quo ...

  7. 探究MFC之Dialog窗口最大化时控件自适应

    探究MFC之Dialog窗口最大化时控件自适应 MFC的Dialog程序,在窗口最大化时,如何所有让子窗口(控件)按比例放大? 启动VisualC++6.0,New->MFC AppWizard ...

  8. html5 popup,popup.js-jQuery和CSS3可互动的3D弹出窗口插件

    popup.js是一款使用jQuery和CSS3制作并可以使用鼠标进行互动的3D弹出窗口插件.该3D弹出窗口插件使用简单,并且在旧的浏览器中会回退为非3D状态,兼容IE8+的所有现代浏览器. 使用方法 ...

  9. jQuery弹出窗口完整代码

    效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/1.htm 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM ...

  10. jquery 弹窗 进入网页_jQuery弹出窗口简单实现代码

    今天讲了Jquery的弹出窗口的组成和用法: 先把引用文件的代码写好: // 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = functi ...

最新文章

  1. CVPR 2022 | 室外多模态3D目标检测(DeepFusion)
  2. python爬取资料_Python爬取FLASH播放器中的资料
  3. 数据中心运维人的半衰期危机
  4. 阿波罗登月51周年,程序员用DAIN技术还原阿波罗登月高清影像,效果震撼
  5. [译] 每天一段 Spring 5 官方文档(5.1.4.RELEASE)—— Spring Framework Overview 06
  6. Java面向对象编程(高级)
  7. Bootstrap3 面板的情景类
  8. 基于NumPy手写神经网络
  9. postfix配置参数
  10. Atitit onvif协议获取rtsp地址播放java语言attilx总结
  11. docker方式安装redis-自定义redis配置文件
  12. Java-SE 学习笔记 第一章-Java历史及其基本介绍
  13. 帆软(FineReport)报表学习——一个简单的报表
  14. 给初学者推荐的10个Python免费学习网站,赶紧收藏吧
  15. ubuntu系统文件清理
  16. 引起C运行时错误R6034的原因和解决方法
  17. 4.26学习记录 AWS 和 DNS
  18. contains用法
  19. 新版白话空间统计(12):P值的表达以及空间统计上的特性
  20. 单片机SFR是什么意思?

热门文章

  1. DeepFake技术--fakeapp, faceswap, deepfacelab等deepfakes换脸程序的简单对比
  2. MATLAB 距离函数及用法
  3. 【论文笔记】Recover Canonical-View Faces in the Wild with Deep Neural Network
  4. 标准机器学习数据集的最佳结果
  5. linux shell su root失败
  6. Docker设置容器CPU、memory、磁盘IO资源限制
  7. c语言中mylist是什么参数,数据结构题集(C语言版)算法设计题解析-第二章
  8. printf是如何实现变长参数的
  9. 文件解压和压缩io流
  10. Hibernate中一二级缓存使用详解