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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
jQuery事件用法实例汇总
Aug 29 Javascript
javascript用正则表达式过滤空格的实现代码
Jun 14 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
js定时器实现倒计时效果
Nov 05 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
Vue中的异步组件函数实现代码
Jul 20 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
小程序组件之自定义顶部导航实例
Jun 12 Javascript
使用Typescript和ES模块发布Node模块的方法
May 25 Javascript
uniapp电商小程序实现订单30分钟倒计时
Nov 01 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设计模式 Interpreter(解释器模式)
2011/06/26 PHP
php array_filter除去数组中的空字符元素
2020/06/21 PHP
19个超实用的PHP代码片段
2014/03/14 PHP
php选择排序法实现数组排序实例分析
2015/02/16 PHP
使用JQuery和s3captche实现一个水果名字的验证
2009/08/14 Javascript
Jquery post传递数组方法实现思路及代码
2013/04/28 Javascript
使用jquery.qrcode生成彩色二维码实例
2014/08/08 Javascript
js replace(a,b)之替换字符串中所有指定字符的方法
2016/08/17 Javascript
jQuery中layer分页器的使用
2017/03/13 Javascript
Angular中sweetalert弹框的基本使用教程
2018/07/22 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
迅速了解一下ES10中Object.fromEntries的用法使用
2019/03/05 Javascript
基于vue-cli 路由 实现类似tab切换效果(vue 2.0)
2019/05/08 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
python中循环语句while用法实例
2015/05/16 Python
Python开发的HTTP库requests详解
2017/08/29 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
在Pycharm中执行scrapy命令的方法
2019/01/16 Python
python实现祝福弹窗效果
2019/04/07 Python
python利用Opencv实现人脸识别功能
2019/04/25 Python
Python 解码Base64 得到码流格式文本实例
2020/01/09 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
python按照list中字典的某key去重的示例代码
2020/10/13 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
介绍一下SQL注入攻击的种类和防范手段
2012/02/18 面试题
DataList 能否分页,请问如何实现?
2015/05/03 面试题
小车司机岗位职责
2013/11/25 职场文书
服装创业计划书范文
2014/02/05 职场文书
摄影专业毕业生求职信
2014/08/05 职场文书
基层工作经历证明
2015/06/19 职场文书
暑期辅导班宣传单
2015/07/14 职场文书
中学生运动会广播稿
2015/08/19 职场文书
MySQL 条件查询的常用操作
2022/04/28 MySQL