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 判断日期格式是否正确的实现代码
Jul 04 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
JS关键字球状旋转效果的实例代码
Nov 29 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
vuejs通过filterBy、orderBy实现搜索筛选、降序排序数据
Oct 26 Javascript
简单实现js上传文件功能
Aug 21 Javascript
js数组方法reduce经典用法代码分享
Jan 07 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
Mar 02 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
Feb 20 Javascript
教你使用vscode 搭建react-native开发环境
Jul 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句法规则详解 入门学习
2011/11/09 PHP
使用Linux五年积累的一些经验技巧
2013/06/20 PHP
10款实用的PHP开源工具
2015/10/23 PHP
php处理静态页面:页面设置缓存时间实例
2017/06/22 PHP
JavaScript表单常用验证集合
2008/01/16 Javascript
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
jQuery实现随意改变div任意属性的名称和值(部分原生js实现)
2013/05/28 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
2014/08/13 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
2016/01/25 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
浅谈node中的exports与module.exports的关系
2017/08/01 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
说说如何使用Vuex进行状态管理(小结)
2019/04/14 Javascript
详解element-ui中表单验证的三种方式
2019/09/18 Javascript
详解Vue的watch中的immediate与watch是什么意思
2019/12/30 Javascript
如何使用vue slot创建一个模态框的实例代码
2020/05/24 Javascript
关于angular浏览器兼容性问题的解决方案
2020/07/26 Javascript
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
Python验证码识别的方法
2015/07/10 Python
Python查找两个有序列表中位数的方法【基于归并算法】
2018/04/20 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
Python如何获得百度统计API的数据并发送邮件示例代码
2019/01/27 Python
Django自定义列表 models字段显示方式
2020/04/03 Python
浅谈Python中os模块及shutil模块的常规操作
2020/04/03 Python
Python中的面向接口编程示例详解
2021/01/17 Python
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
婚礼主持结束词
2014/03/13 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
python - timeit 时间模块
2021/04/06 Python
使用python绘制横竖条形图
2022/04/21 Python
Redis批量生成数据的实现
2022/06/05 Redis