ie focus bug 解决方法

 更新时间:2009年09月03日 17:27:05   作者:  
在IE中,新创建的input没有如预期的获得焦点。
如果把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中的迭代器和可迭代对象与生成器

    这篇文章主要介绍了JavaScript中的迭代器和可迭代对象与生成器,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • JS+CSS简单树形菜单实现方法

    JS+CSS简单树形菜单实现方法

    这篇文章主要介绍了JS+CSS简单树形菜单实现方法,涉及JavaScript结合css动态操作页面元素结点的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Openlayers+EasyUI Tree动态实现图层控制

    Openlayers+EasyUI Tree动态实现图层控制

    这篇文章主要为大家详细介绍了Openlayers+EasyUI Tree动态实现图层控制,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • JavaScript简单实现的仿微博留言功能示例

    JavaScript简单实现的仿微博留言功能示例

    这篇文章主要介绍了JavaScript简单实现的仿微博留言功能,涉及javascript页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
    2019-01-01
  • 如何利用JavaScript编写更好的条件语句详解

    如何利用JavaScript编写更好的条件语句详解

    这篇文章主要给大家介绍了关于如何利用JavaScript编写更好的条件语句的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2020-08-08
  • 解决Jstree 选中父节点时被禁用的子节点也会选中的问题

    解决Jstree 选中父节点时被禁用的子节点也会选中的问题

    下面小编就为大家分享一篇解决Jstree 选中父节点时被禁用的子节点也会选中的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • JavaScript省市级联下拉菜单实例

    JavaScript省市级联下拉菜单实例

    这篇文章主要为大家详细介绍了JavaScript省市级联下拉菜单实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • JavaScript中String对象的方法介绍

    JavaScript中String对象的方法介绍

    本文主要对JavaScript中String对象的方法进行介绍。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • javascript快速排序算法详解

    javascript快速排序算法详解

    JavaScript实现的常见排序算法有:冒泡排序,选择排序,插入排序,谢尔排序,快速排序(递归),快速排序(堆栈),归并排序,堆排序。今天我们来详细分析下快速排序算法
    2014-09-09
  • 前端面试的底气之实现一个深拷贝

    前端面试的底气之实现一个深拷贝

    最近学到一个有关深拷贝的实现方法,为加深印象,这里给大家分享一下,下面这篇文章主要给大家介绍了关于前端面试的底气之实现一个深拷贝的相关资料,需要的朋友可以参考下
    2022-05-05

最新评论