focus（）在IE中不起作用？ –解决方案

青旅半醒 2023-02-15 07:37 1阅读 0赞

focus（）方法用于将焦点放在文本框或其他html组件上。 这是一个简单的示例，可在页面加载后自动使文本框成为焦点。

focus is not working in IE

**上面的代码在Firefox（FF）中工作正常，但在Internet Explorer（IE）中却无法正常工作。** IE实际上支持focus（）方法，我们只需要使用其他方式来编写focus方法即可。

根据我的个人观察，这是因为IE在文本框正确呈现之前运行focus（）方法。 但是，将Javascript放在文本框之后，可以在文本框完全呈现自身之后执行focus（）方法，这可能是IE将其视为其他方式吗？ 是的，IE始终具有“仅IE”实现...

这是一个非正式的解决方案，我们必须使用setTimeout（）功能来延迟focus（）执行时间。

setTimeout(function() { document.getElementById('myInput').focus(); }, 10);

在延迟执行时间之后，focus（）在IE甚至FF中都可以正常工作。

focus is working in IE

## 参考 ##

setTimeout（）– [http://www.w3schools.com/htmldom/met\_win\_settimeout.asp][http_www.w3schools.com_htmldom_met_win_settimeout.asp]

标签： [JavaScript][]

> 翻译自: [https://mkyong.com/javascript/focus-is-not-working-in-ie-solution/][https_mkyong.com_javascript_focus-is-not-working-in-ie-solution]

[http_www.w3schools.com_htmldom_met_win_settimeout.asp]: http://www.w3schools.com/htmldom/met_win_settimeout.asp
[JavaScript]: https://mkyong.com/tag/javascript/
[https_mkyong.com_javascript_focus-is-not-working-in-ie-solution]: https://mkyong.com/javascript/focus-is-not-working-in-ie-solution/

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 focus（）在IE中不起作用？ –解决方案

focus（）方法用于将焦点放在文本框或其他html组件上。这是一个简单的示例，可在页面加载后自动使文本框成为焦点。 focus is not working in

青旅半醒/ 2023年02月15日 07:37/ 0 赞/ 2 阅读

相关 Spring– $ {}在@Value中不起作用

一个简单的Spring `@PropertySource`示例，用于读取属性文件。 db.properties db.driver=oracle.jdbc.driv

迷南。/ 2023年02月15日 05:14/ 0 赞/ 32 阅读

相关 ie print没反应,window.print（）在IE中不起作用

![Image 1][] I am doing something like this in javascript to print a section of my page

痛定思痛。/ 2023年01月24日 02:25/ 0 赞/ 21 阅读

相关 textarea在ie中focus不起作用

由于兼容性没有考虑周全，今天遇到了这个问题： ![复制代码][copycode.gif] <html lang="en"> <head> <

秒速五厘米/ 2022年08月06日 10:10/ 0 赞/ 228 阅读

相关 Scope provided在IDEA中不起作用

短短两个星期中，我已经两次遇到maven的scope问题了。该长点记性了。 -------------------- > compile: > This is the

Dear 丶/ 2022年06月12日 05:39/ 0 赞/ 262 阅读

相关 await在forEach不起作用解决

一、前言前两天在项目中用for遍历的时候遇到了一个坑，花了一天的时间解决。这里就记一下。二、问题首先引一个很简单题目:给一个数组,每隔1s打印出来.这里我把

落日映苍穹つ/ 2022年05月15日 07:08/ 0 赞/ 262 阅读

相关 web.xml error-page 不起作用解决方案

今天遇到一个问题（应该是个老问题，但网上答案各异），记录下来在web.xml中配置错误页面跳转如下： <error-page> <exception-typ

刺骨的言语ヽ痛彻心扉/ 2022年05月12日 13:24/ 0 赞/ 270 阅读

相关 CSS:IE6/Ie7 display:inline-block 不起作用

在 IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素拥有了display:in

心已赠人/ 2022年05月10日 10:48/ 0 赞/ 411 阅读

相关 RouterLink在IE和Firefox中不起作用（路由不跳转）的问题

问题描述假设路由已配置好，但运行如下代码后，点击 Admin 按钮却没有跳转至 admin 界面。（clrDropdownItem为按钮样式） main.compon

朴灿烈づ我的快乐病毒、/ 2022年01月19日 03:07/ 0 赞/ 510 阅读

相关 word-wrap在firefox中不起作用的解决方法

word-wrap:break-word 在firefox中不会起作用，以下是解决办法完整的css代码为 word-wrap:break-word; overf

左手的ㄟ右手/ 2021年11月22日 23:20/ 0 赞/ 354 阅读