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 相关文章推荐
javascript检查日期格式的函数[比较全]
Oct 17 Javascript
新浪微博字数统计 textarea字数统计实现代码
Aug 28 Javascript
详解JavaScript对象类型
Jun 16 Javascript
js实现前端分页页码管理
Jan 06 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
Feb 10 Javascript
原生js简单实现放大镜特效
May 16 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
vue弹窗消息组件的使用方法
Sep 24 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
JS数组的常用方法整理
Mar 31 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
Win2000+Apache+MySql+PHP4+PERL安装使用小结
2006/10/09 PHP
PHP聊天室技术
2006/10/09 PHP
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
模板引擎正则表达式调试小技巧
2011/07/20 PHP
php邮箱地址正则表达式验证
2015/11/13 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
PHP进阶学习之命名空间基本用法分析
2019/06/18 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
js实现div闪烁原理及实现代码
2014/06/24 Javascript
使表格的标题列可左右拉伸jquery插件封装
2014/11/24 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
pyqt4教程之实现半透明的天气预报界面示例
2014/03/02 Python
初步介绍Python中的pydoc模块和distutils模块
2015/04/13 Python
python:socket传输大文件示例
2017/01/18 Python
python分割一个文本为多个文本的方法
2019/07/22 Python
python 实现视频 图像帧提取
2019/12/10 Python
Django异步任务线程池实现原理
2019/12/17 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
keras得到每层的系数方式
2020/06/15 Python
python 解决Windows平台上路径有空格的问题
2020/11/10 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
HTML5响应式(自适应)网页设计的实现
2017/11/17 HTML / CSS
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
通信工程专业女生个人求职信
2013/09/21 职场文书
质检的岗位职责
2013/11/17 职场文书
旅游业大学生创业计划书
2014/01/31 职场文书
经典商业广告词
2014/03/13 职场文书
机关保密承诺书
2014/06/03 职场文书
教师党员学习十八届四中全会思想汇报
2014/11/03 职场文书
Python面向对象之内置函数相关知识总结
2021/06/24 Python