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 相关文章推荐
图片按比例缩放函数
Jun 26 Javascript
比较简单的异步加载JS文件的代码
Jul 18 Javascript
jquery的Theme和Theme Switcher使用小结
Sep 08 Javascript
web基于浏览器的本地存储方法应用
Nov 27 Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
JS函数多个参数默认值指定方法分析
Nov 28 Javascript
微信小程序内拖动图片实现移动、放大、旋转的方法
Sep 04 Javascript
vue如何实现自定义底部菜单栏
Jul 01 Javascript
vue实现select下拉显示隐藏功能
Sep 30 Javascript
countup.js实现数字动态叠加效果
Oct 17 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
网页游戏开发入门教程二(游戏模式+系统)
2009/11/02 PHP
php实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
php计算几分钟前、几小时前、几天前的几个函数、类分享
2014/04/09 PHP
PHP实现的购物车类实例
2015/06/17 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
通过修改配置真正解决php文件上传大小限制问题(nginx+php)
2015/09/23 PHP
PHP程序中使用adodb连接不同数据库的代码实例
2015/12/19 PHP
php下载文件超时时间的设置方法
2016/10/06 PHP
基于php判断客户端类型
2016/10/14 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
jquery ajax abort()的使用方法
2010/10/28 Javascript
jquery html动态生成select标签出问题的解决方法
2013/11/20 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
2014/11/13 Javascript
javascript中键盘事件用法实例分析
2015/01/30 Javascript
php+ajax+jquery实现点击加载更多内容
2015/05/03 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
浅谈Javascript数组(推荐)
2016/05/17 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
分享Bootstrap简单表格、表单、登录页面
2017/08/04 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
2018/11/22 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
python ip正则式
2009/05/07 Python
python使用itchat实现手机控制电脑
2018/02/22 Python
Python机器学习之scikit-learn库中KNN算法的封装与使用方法
2018/12/14 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
俄罗斯天然和有机产品、健康生活网上商店:Fitomarket.ru
2020/10/09 全球购物
WEB控件可以激发服务端事件,请谈谈服务端事件是怎么发生并解释其原理?自动传回是什么?为什么要使用自动传回?
2012/02/21 面试题
写好自荐信要注意的问题
2013/11/10 职场文书
社区党的群众路线教育实践活动总结材料
2014/10/31 职场文书
大学生十八大感想
2015/08/11 职场文书
低门槛开发iOS、Android、小程序应用的前端框架详解
2021/10/16 Javascript