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 相关文章推荐
深入理解JavaScript定时机制
Oct 29 Javascript
JavaScript加强之自定义event事件
Sep 21 Javascript
Enter转换为Tab的小例子(兼容IE,Firefox)
Nov 14 Javascript
js文件Cookie存取值示例代码
Feb 20 Javascript
jQuery实现“扫码阅读”功能
Jan 21 Javascript
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
5分钟打造简易高效的webpack常用配置
Jul 04 Javascript
Angular4自制一个市县二级联动组件示例
Nov 21 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
npm 常用命令详解(小结)
Jan 17 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
Jan 23 Javascript
JavaScript数组去重的几种方法
Apr 07 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中strtr字符串替换用法详解
2014/11/26 PHP
PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】
2019/02/25 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
Extjs列表详细信息窗口新建后自动加载解决方法
2010/04/02 Javascript
jquery交替变换颜色的三种方法 实例代码
2013/11/19 Javascript
javascript自定义函数参数传递为字符串格式
2014/07/29 Javascript
JavaScript 学习笔记之语句
2015/01/14 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
bootstrap——bootstrapTable实现隐藏列的示例
2017/01/14 Javascript
jQuery在header中设置请求信息的方法
2017/03/06 Javascript
使用Bootstrap打造特色进度条效果
2017/05/02 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
ECMAscript 变量作用域总结概括
2017/08/18 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
zepto.js 实时监听输入框的方法
2018/12/04 Javascript
Vue2.x Todo之自定义指令实现自动聚焦的方法
2019/01/08 Javascript
在Vue中用canvas实现二维码和图片合成海报的方法
2019/06/10 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
完美解决通过IP地址访问VUE项目的问题
2020/07/18 Javascript
在vue中使用el-tab-pane v-show/v-if无效的解决
2020/08/03 Javascript
[00:52]DOTA2齐天大圣预告片
2016/08/13 DOTA
python命令行参数sys.argv使用示例
2014/01/28 Python
Python设计模式之观察者模式实例
2014/04/26 Python
TF-IDF与余弦相似性的应用(一) 自动提取关键词
2017/12/21 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
详解python的sorted函数对字典按key排序和按value排序
2018/08/10 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
2019/12/12 Python
Python pandas库中的isnull()详解
2019/12/26 Python
Python常用编译器原理及特点解析
2020/03/23 Python
美国设计师精美珠宝购物网:Netaya
2016/08/28 全球购物
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
获奖的大学生创业计划书
2014/01/05 职场文书
员工工作能力评语
2014/12/31 职场文书
Python 高级库15 个让新手爱不释手(推荐)
2021/05/15 Python
Win11安装受阻怎么办? Windows11安装问题与解决方案汇总
2021/11/21 数码科技