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 相关文章推荐
使用TextRange获取输入框中光标的位
Oct 14 Javascript
Json对象替换字符串占位符实现代码
Nov 17 Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
详解JavaScript中localStorage使用要点
Jan 13 Javascript
bootstrap下拉框动态赋值方法
Aug 10 Javascript
使用webpack打包后的vue项目如何正确运行(express)
Oct 26 Javascript
原生javascript自定义input[type=radio]效果示例
Aug 27 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
vue 解决provide和inject响应的问题
Nov 12 Javascript
微信小程序之高德地图多点路线规划过程示例详解
Jan 18 Javascript
Element-ui Layout布局(Row和Col组件)的实现
Dec 06 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获取网站百度快照日期的方法
2015/07/29 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
AutoSave/自动存储功能实现
2007/03/24 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
JavaScript常用的弹出广告及背投广告实现方法
2015/02/06 Javascript
angularJS 中input示例分享
2015/02/09 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
JS非空验证及邮箱验证的实例
2017/08/11 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
2018/03/05 Javascript
Vue中keep-alive组件作用详解
2020/02/04 Javascript
JavaScript中this的学习笔记及用法整理
2020/02/17 Javascript
[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报
2015/05/27 DOTA
[37:37]DAC2018 4.4 淘汰赛 Optic vs Mineski 第二场
2018/04/05 DOTA
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
Python 如何反方向迭代一个序列
2020/07/28 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
使用Python webdriver图书馆抢座自动预约的正确方法
2021/03/04 Python
canvas因为图片资源不在同一域名下而导致的跨域污染画布的解决办法
2019/01/18 HTML / CSS
介绍一下Linux文件的记录形式
2013/09/29 面试题
小学庆六一活动方案
2014/02/28 职场文书
竞赛口号大全
2014/06/16 职场文书
供电工程专业求职信
2014/08/09 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
四风问题专项整治工作情况报告
2014/10/28 职场文书
财务检查整改报告
2014/11/06 职场文书
2014年汽车销售工作总结
2014/12/01 职场文书
小学入学感言
2015/08/01 职场文书
2016年大学生寒假社会实践心得体会
2015/10/09 职场文书
2019辞职报告范本3篇!
2019/07/23 职场文书
SpringAop日志找不到方法的处理
2021/06/21 Java/Android
Nginx 常用配置
2022/05/15 Servers
移除Selenium中window.navigator.webdriver值
2022/06/10 Python