blocks|key|66306|text|我已经在Apple+bug+Reporter中记录了一个关于这个问题的Bug，他们把它作为副本关闭了，这是他们正在努力修复这个问题的一个迹象。不幸的是，他们没有给我更多关于重复项目或问题本身的信息。我只能看到重复项状态，它是打开的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|66307|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I've logged a bug about this into the Apple Bug Reporter and they closed it as duplicate, which is a sign they are working on fixing this. Unfortunately they didn't give me some more information about the duplicate item or about the problem itself. I can only see the duplicate item state, which is Open.

blocks|key|66340|text|如果你正在开发一个Cordova项目，你可以添加下面的代码行来修复它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|66341|<preference+name="KeyboardDisplayRequiresUserAction"+value="false"+/>|code-block|syntax|javascript|66342|添加到config.xml文件中。在IOS+8.3和IOS+8.4中测试|offset|length|style|CODE|66343|entityMap^0|0|0|3|A|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If you are developing a Cordova project, you can fix it adding this line

<pre><code>&lt;preference name="KeyboardDisplayRequiresUserAction" value="false" /&gt;
</code></pre>

to your <code>config.xml</code> file. Tested in IOS 8.3 and IOS 8.4

blocks|key|66384|text|这里有一个针对jQuery.focus的有条件的userAgent测试，所以你不需要在任何地方都添加monkeypatch。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|66385|JavaScript|66386|if+(/iPad%7CiPhone%7CiPod/g.test(navigator.userAgent))+{
++(function($)+{
++++return+$.fn.focus+=+function()+{
++++++return+arguments[0];
++++};
++})(jQuery);
}|code-block|syntax|javascript|66387|CoffeeScript|66388|if+/iPad%7CiPhone%7CiPod/g.test+navigator.userAgent
++(($)+->
++++$.fn.focus+=+->
++++++arguments[0]
++)(jQuery)|66389|注意:我返回arguments[0]，这样我们就不会中断像$(el).focus().doSomethingElse()这样的方法链接|66390|entityMap^0|7|C|0|0|0|0|0|6|C|T|V|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

Here's a conditional monkeypatch for <code>jQuery.focus</code> so you don't need to add the userAgent test everywhere.

<h1>JavaScript</h1>

<pre><code>if (/iPad|iPhone|iPod/g.test(navigator.userAgent)) {
 (function($) {
 return $.fn.focus = function() {
 return arguments[0];
 };
 })(jQuery);
}
</code></pre>

<h1>CoffeeScript</h1>

<pre><code>if /iPad|iPhone|iPod/g.test navigator.userAgent
 (($) -&gt;
 $.fn.focus = -&gt;
 arguments[0]
 )(jQuery)
</code></pre>

Note: I'm returning <code>arguments[0]</code> so we don't break method chaining such as <code>$(el).focus().doSomethingElse()</code>

blocks|key|66408|text|对于2018年的任何人来说，有一个插件可以修复它。只要安装这个https://github.com/onderceylan/cordova-plugin-wkwebview-inputfocusfix，input.focus()就会自动工作，不需要任何额外的工作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|66409|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/onderceylan/cordova-plugin-wkwebview-inputfocusfix^0|2T|D|V|1X|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

For anyone coming to this on 2018, there is a plugin that fix it. Just install this <a href="https://github.com/onderceylan/cordova-plugin-wkwebview-inputfocusfix" rel="nofollow noreferrer">https://github.com/onderceylan/cordova-plugin-wkwebview-inputfocusfix</a> and <code>input.focus()</code> will work automatically without any additional work.

Prior to iOS8, using the Javascript <code>.focus()</code> method on an input element would appear to have no effect (the virtual keyboard would not display). After the latest iOS 8 release, running the <code>.focus()</code> method seemed to have no effect on page load but once a user touched anywhere on the screen the virtual keyboard would instantly appear and scroll the page to the element in focus. (This is also an issue when I use the HTML attribute "autofocus")

This change has caused issues with iOS8 users on my site. When a user attempts to click a button on my page the sudden scroll and keyboard appearance causes them to unintentionally click a button that was lower on the screen.

I am assuming this is a bug in iOS8 and was not intentional feature, my question is what is the most efficient solution to fixing this problem? 

Do I have to check <code>navigator.userAgent</code> to see if the device is iOS8, every time I use the <code>.focus()</code> method?

in iOS8 using .focus() will show virtual keyboard and scroll page after touch

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在iOS8之前，在输入元素上使用Javascript .focus()方法看起来没有任何效果(虚拟键盘不会显示)。在最新的iOS 8版本之后，运行.focus()方法似乎对页面加载没有任何影响，但是一旦用户触摸屏幕上的任何位置，虚拟键盘就会立即出现，并将页面滚动到焦点元素。(当我使用HTML属性“自动聚焦”时，这也是一...

问在iOS8中使用.focus()将在触摸后显示虚拟键盘和滚动页面
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iOS8中使用.focus()将在触摸后显示虚拟键盘和滚动页面EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在iOS8中使用.focus()将在触摸后显示虚拟键盘和滚动页面
EN