ie focus bug 解决方法
2009-09-03 00:00
309 查看
如果把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>
相关文章推荐
- 【转载】Select2插件 IE下 autofocus bug的解决方法
- ie focus bug 解决方法
- Select2插件 IE下 autofocus bug的解决方法
- ie bug 解决方法
- 关于jsTree 1.0-rc1在IE下自定义图标显示不正常的BUG的解决方法
- <img/>标签onerror事件在IE下的bug和解决方法
- IE6、IE7下绝对定位position:absolute和margin的冲突bug解决方法
- ie下没有背景色bug的解决方法
- li内有div浮动时,li出现4px间距,IE bug的解决方法
- IE6下position:absolute定位错误的bug和解决方法
- 在IE 6中<a>标签的一些bug和解决方法
- IE6 两个div有间隙的问题(IE 3px bug)解决方法
- IE 缓存策略的BUG的解决方法
- 部分IE下bug解决方法和兼容IE,FF方法
- 与layout特性相关的IE解析bug和解决方法
- IE inline-block bug 解决方法
- IE6、IE7下绝对定位position:absolute和margin的冲突bug解决方法
- <img/>标签onerror事件在IE下的bug和解决方法
- ie下没有背景色bug的解决方法
- 10个常见的IE bug和解决方法