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 相关文章推荐
基于jquery的图片的切换(以数字的形式)
Feb 14 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
js变量提升深入理解
Sep 16 Javascript
JavaScript获取键盘按键的键码(参照表)
Jan 10 Javascript
angularjs之$timeout指令详解
Jun 13 Javascript
vue.js源代码core scedule.js学习笔记
Jul 03 Javascript
BootStrap模态框闪退问题实例代码详解
Dec 10 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
详解Vue.js中引入图片路径的几种方式
Jun 17 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件
Apr 17 Vue.js
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数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
PHP 第二节 数据类型之转换
2012/04/28 PHP
学习php设计模式 php实现工厂模式(factory)
2015/12/07 PHP
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
2013/01/06 Javascript
JS中Eval解析JSON字符串的一个小问题
2016/02/21 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
2016/09/20 Javascript
简单谈谈ES6的六个小特性
2016/11/18 Javascript
servlet+jquery实现文件上传进度条示例代码
2017/01/25 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
NodeJs通过async/await处理异步的方法
2017/10/09 NodeJs
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
关于js陀螺仪的理解分析
2019/04/11 Javascript
详解js创建对象的几种方法及继承
2019/04/12 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
python插入排序算法实例分析
2015/07/03 Python
Django中对通过测试的用户进行限制访问的方法
2015/07/23 Python
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
使用Python开发个京东上抢口罩的小实例(仅作技术研究学习使用)
2020/03/10 Python
django queryset相加和筛选教程
2020/05/18 Python
Python 实现简单的客户端认证
2020/07/29 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
比利时家具购买网站:Home24
2019/01/03 全球购物
统计每一学生的平均成绩
2014/06/06 面试题
电子商务专业自我鉴定
2013/12/18 职场文书
《雨霖铃》听课反思
2014/02/13 职场文书
软件毕业生个人鉴定
2014/03/03 职场文书
党员志愿者活动总结
2014/06/26 职场文书
语文复习计划
2015/01/19 职场文书
检讨书模板大全
2015/05/07 职场文书
董事长年会致辞
2015/07/29 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书