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 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
jQuery Ajax使用 全解析
Dec 15 Javascript
JavaScript的漂亮的代码片段
Jun 05 Javascript
如何实现textarea里的不同文本显示不同颜色
Jan 20 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
Feb 17 Javascript
微信 java 实现js-sdk 图片上传下载完整流程
Oct 21 Javascript
微信公众号支付H5调用支付解析
Nov 04 Javascript
浅谈vue的iview列表table render函数设置DOM属性值的方法
Sep 30 Javascript
解决node修改后需频繁手动重启的问题
May 13 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
Sep 07 Javascript
微信小程序swiper实现文字纵向轮播提示效果
Jan 21 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
最贵的咖啡是怎么产生的,它的风味怎么样?
2021/03/04 新手入门
PHP中鲜为人知的10个函数
2014/02/28 PHP
PHP针对中英文混合字符串长度判断及截取方法示例
2017/03/31 PHP
php面试实现反射注入的详细方法
2019/09/30 PHP
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
用JSON做数据传输格式中的一些问题总结
2011/12/21 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
2015/12/04 Javascript
Jquery插件easyUi实现表单验证示例
2015/12/15 Javascript
Vue.js实战之利用vue-router实现跳转页面
2017/04/01 Javascript
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
Vue 页面权限控制和登陆验证功能的实例代码
2019/06/20 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
python 将字符串转换成字典dict
2013/03/24 Python
python编程测试电脑开启最大线程数实例代码
2018/02/09 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
Python模拟百度自动输入搜索功能的实例
2019/02/14 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
基于python监控程序是否关闭
2020/01/14 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
Keras 数据增强ImageDataGenerator多输入多输出实例
2020/07/03 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
社区服务标语
2014/07/01 职场文书
交通事故调解协议书
2015/05/20 职场文书
利用ajax+php实现商品价格计算
2021/03/31 PHP
PHP判断是否是json字符串
2021/04/01 PHP