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 获取URL参数并进行转码
Aug 18 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
深入理解JavaScript中Ajax
Aug 02 Javascript
js防阻塞加载的实现方法
Sep 09 Javascript
JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
Nov 01 Javascript
node.js(express)中使用Jcrop进行图片剪切上传功能
Apr 21 Javascript
React学习笔记之列表渲染示例详解
Aug 22 Javascript
Angular4编程之表单响应功能示例
Dec 13 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
基于html+css+js实现简易计算器代码实例
Feb 28 Javascript
JavaScript鼠标悬停事件用法解析
May 15 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
相对路径转化成绝对路径
2007/04/10 PHP
PHP中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
php下获取http状态的实现代码
2014/05/09 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
2013/07/02 Javascript
浅谈JavaScript事件的属性列表
2015/03/01 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
jQuery解决浏览器兼容性问题案例分析
2016/04/15 Javascript
jquery插件锦集【推荐】
2016/12/16 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
你可能不知道的CORS跨域资源共享
2019/03/13 Javascript
vue cli安装使用less的教程详解
2019/07/12 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
Python pass 语句使用示例
2014/03/11 Python
Python中的urllib模块使用详解
2015/07/07 Python
在Django的模型和公用函数中使用惰性翻译对象
2015/07/27 Python
itchat接口使用示例
2017/10/23 Python
Python wxPython库消息对话框MessageDialog用法示例
2018/09/03 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
Python爬虫开发与项目实战
2020/12/16 Python
售后主管岗位职责
2013/12/08 职场文书
中层干部竞争上岗演讲稿
2014/01/13 职场文书
暑期教师培训方案
2014/06/07 职场文书
教师演讲稿开场白
2014/08/25 职场文书
竞选大队干部演讲稿
2014/09/11 职场文书
教师党员批评与自我批评发言稿
2014/10/15 职场文书
小学运动会开幕词
2015/01/28 职场文书
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL