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插件zTree的常用功能特性总结
Sep 11 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
Node.js 8 中的重要新特性
Jun 28 Javascript
详解angularJS+Ionic移动端图片上传的解决办法
Sep 13 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
Sep 20 Javascript
js中的闭包学习心得
Feb 06 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
原生js+canvas实现下雪效果
Aug 02 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
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
PHP设置图片文件上传大小的具体实现方法
2013/10/11 PHP
使用php计算排列组合的方法
2013/11/13 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
JS 有名函数表达式全面解析
2010/03/19 Javascript
JavaScript flash复制库类 Zero Clipboard
2011/01/17 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
2016/02/17 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
基于Angularjs实现分页功能
2016/05/30 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
JavaScript中的return布尔值的用法和原理解析
2017/08/14 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
JS动态添加元素及绑定事件造成程序重复执行解决
2017/12/07 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
微信小程序访问豆瓣电影api的实现方法
2019/03/31 Javascript
ES2020 新特性(种草)
2020/01/12 Javascript
利用一个简单的例子窥探CPython内核的运行机制
2015/03/30 Python
Python多线程爬虫简单示例
2016/03/04 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
python制作企业邮箱的爆破脚本
2016/10/05 Python
python 字符串转列表 list 出现\ufeff的解决方法
2017/06/22 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
Python PyQt5整理介绍
2020/04/01 Python
学python最电脑配置有要求么
2020/07/05 Python
解决python3中os.popen()出错的问题
2020/11/19 Python
会计人员岗位职责
2014/03/19 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
公司聚餐通知
2015/04/22 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
敬老院活动感想
2015/08/07 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers