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 Cookie读写删除操作的函数
Mar 02 Javascript
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 Javascript
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
Jquery数字上下滚动动态切换插件
Aug 08 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
JS实现网页上随机产生超链接地址的方法
Nov 09 Javascript
JavaScript接口的实现三种方式(推荐)
Jun 14 Javascript
BOM系列第一篇之定时器setTimeout和setInterval
Aug 17 Javascript
js实现密码强度检验
Jan 15 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
vue props 单项数据流实例分享
Feb 16 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/02/05 PHP
PDO操作MySQL的基础教程(推荐)
2017/08/18 PHP
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
2020/04/04 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
2015/07/29 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
JavaScript、jQuery与Ajax的关系
2016/01/24 Javascript
Boostrap入门准备之border box
2016/05/09 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
2016/10/17 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
2019/03/29 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
Python标准库os.path包、glob包使用实例
2014/11/25 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
如何利用Python分析出微信朋友男女统计图
2019/01/25 Python
python常用数据重复项处理方法
2019/11/22 Python
彻底搞懂 python 中文乱码问题(深入分析)
2020/02/28 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
用python进行视频剪辑
2020/11/02 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
美国知名的家庭连锁百货商店:Boscov’s
2017/07/27 全球购物
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
Ibatis的核心配置文件都有什么
2014/09/08 面试题
中职生自荐信
2013/10/13 职场文书
《埃及的金字塔》教学反思
2014/04/07 职场文书
集中整治工作方案
2014/05/01 职场文书
诚信的演讲稿范文
2014/05/12 职场文书
五年级学生期末评语
2014/12/26 职场文书
婚宴新郎致辞
2015/07/28 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书
导游词之四川武侯祠
2019/10/21 职场文书
七年级作文之游记
2019/12/11 职场文书
golang内置函数len的小技巧
2021/07/25 Golang
Python制作动态字符画的源码
2021/08/04 Python