ie focus bug 解决方法


Posted in Javascript onSeptember 03, 2009

如果把input.focus()放在一个setTimeout中延时执行,则就可以获得焦点。

<script type="text/javascript" > 
(function(){ 
function get(id){ 
return document.getElementById(id); 
} 
window.onload = function(){ 
get('makeinput').onmousedown = function(){ 
var input = document.createElement('input'); 
input.setAttribute('type', 'text'); 
input.setAttribute('value', 'test1'); 
get('inpwrapper').appendChild(input); 
input.focus(); 
input.select(); 
} 
get('makeinput2').onmousedown = function(){ 
var input = document.createElement('input'); 
input.setAttribute('type', 'text'); 
input.setAttribute('value', 'test1'); 
get('inpwrapper2').appendChild(input); 
setTimeout(function(){ 
input.focus(); 
input.select(); 
}, 0); 
} 
get('input').onkeypress = function(){ 
get('preview').innerHTML = this.value; 
} 
} 
})(); 
</script> 
<h1><code>setTimeout</code></h1> 
<h2>1、未使用 <code>setTimeout</code></h2> 
<button id="makeinput">生成 input</button> 
<p id="inpwrapper"></p> 
<h2>2、使用 <code>setTimeout</code></h2> 
<button id="makeinput2">生成 input</button></h2> 
<p id="inpwrapper2"></p> 
<h2>3、另一个例子</h2> 
<p><input type="text" id="input" value=""/><span id="preview"></span></p>
Javascript 相关文章推荐
常用参考资料(手册)下载或者链接
Jul 22 Javascript
发布一个基于javascript的动画类 Fx.js
Nov 05 Javascript
jQuery EasyUI API 中文文档 搜索框
Sep 29 Javascript
JS中Eval解析JSON字符串的一个小问题
Feb 21 Javascript
简单了解JavaScript操作XPath的一些基本方法
Jun 03 Javascript
详解Vue整合axios的实例代码
Jun 21 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
js实现可以点击收缩或张开的悬浮窗
Sep 18 Javascript
AngularJs用户登录问题处理(交互及验证、阻止FQ处理)
Oct 26 Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 Javascript
Vue项目中如何引入icon图标
Mar 28 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 Javascript
javascript 24小时弹出一次的代码(利用cookies)
Sep 03 #Javascript
使用jQuery的ajax功能实现的RSS Reader 代码
Sep 03 #Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 #Javascript
动态样式类封装JS代码
Sep 02 #Javascript
JS URL传中文参数引发的乱码问题
Sep 02 #Javascript
FF IE兼容性的修改小结
Sep 02 #Javascript
js 获取浏览器高度和宽度值(多浏览器)
Sep 02 #Javascript
You might like
PHP中计算字符串相似度的函数代码
2012/12/29 PHP
如何使用PHP计算上一个月的今天
2013/05/23 PHP
thinkphp文件处理类Dir.class.php的用法分析
2014/12/08 PHP
php防止用户重复提交表单
2015/11/02 PHP
PHP使用Memcache时模拟命名空间及缓存失效问题的解决
2016/02/27 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
PHP定时任务获取微信access_token的方法
2016/10/10 PHP
php一个文件搞定微信jssdk配置
2016/12/12 PHP
jquery实现效果比较好的table选中行颜色
2014/03/25 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
jQuery UI设置固定日期选择特效代码分享
2015/08/27 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
2016/03/22 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
javascript表达式和运算符详解
2017/02/07 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
AngularJS动态绑定ng-options的ng-model实例代码
2017/06/21 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
Vue引入sass并配置全局变量的方法
2018/06/27 Javascript
通过vue-cli3构建一个SSR应用程序的方法
2018/09/13 Javascript
解决vue cli使用typescript后打包巨慢的问题
2019/09/30 Javascript
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python常见的pandas用法demo示例
2019/03/16 Python
Python实现查找字符串数组最长公共前缀示例
2019/03/27 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
如何用Python徒手写线性回归
2021/01/25 Python
函授本科自我鉴定
2013/11/03 职场文书
行政管理毕业生自荐信
2014/02/24 职场文书
英文推荐信格式范文
2014/05/09 职场文书
代办出身证明书
2014/10/21 职场文书
浅析JavaScript中的变量提升
2022/06/01 Javascript