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 相关文章推荐
如何使用json在前后台进行数据传输实例介绍
Apr 11 Javascript
js函数setTimeout延迟执行的简单介绍
Jul 17 Javascript
在Node.js中实现文件复制的方法和实例
Jun 05 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
js仿腾讯QQ的web登陆界面
Aug 19 Javascript
js实现按座位号抽奖
Apr 05 Javascript
vue时间格式化实例代码
Jun 13 Javascript
详解RequireJs官方使用教程
Oct 31 Javascript
详解React中setState回调函数
Jun 14 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
layer.confirm()右边按钮实现href的例子
Sep 27 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开发大型项目的一点经验
2006/10/09 PHP
PHP PDOStatement:bindParam插入数据错误问题分析
2013/11/13 PHP
phplot生成图片类用法详解
2015/01/06 PHP
php中ob函数缓冲机制深入理解
2015/08/03 PHP
WordPress特定文章对搜索引擎隐藏或只允许搜索引擎查看
2015/12/31 PHP
javascript removeChild 使用注意事项
2009/04/11 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
实例说明为什么不要行内使用javascript
2014/04/18 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
2014/10/23 Javascript
javascript实用方法总结
2015/02/06 Javascript
nodeJS代码实现计算交社保是否合适
2015/03/09 NodeJs
轻松实现javascript图片轮播特效
2016/01/13 Javascript
原生JavaScript实现Ajax的方法
2016/04/07 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
Vue精简版风格概述
2018/01/30 Javascript
Bootstrap 中data-[*] 属性的整理
2018/03/13 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
JavaScript获取页面元素的常用方法详解
2019/09/28 Javascript
浅谈React中组件逻辑复用的那些事儿
2020/05/21 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
Python多线程编程(八):使用Event实现线程间通信
2015/04/05 Python
Python中 Lambda表达式全面解析
2016/11/28 Python
python利用正则表达式提取字符串
2016/12/08 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
python 如何快速复制序列
2020/09/07 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
localStorage的过期时间设置的方法详解
2018/11/26 HTML / CSS
综合办公室个人的自我评价
2013/12/22 职场文书
2015年仓管员工作总结
2015/04/21 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
Python可视化神器pyecharts之绘制地理图表练习
2022/07/07 Python