菜鸟教程小白 发表于 2022-12-13 11:35:40

javascript - WkWebView 无法打开输入字段的键盘


                                            <p><p>在 WkWebView 向包含的网页发送一个 javascript 函数调用后,我试图让 WkWebView 打开一个键盘以编程方式输入电话文本。</p>

<p>在此调用激活某个输入(id:activeElementToShowKeyboard)后,出于效率原因,我希望键盘显示先前的电话输入(id:numberInput)。</p>

<p>元素永远不会获得焦点并打开键盘。</p>

<p>我理解为什么当元素请求焦点时键盘不会自动打开,但我想一定有办法做到这一点。</p>

<p>我试过了(没有运气):
    点击();
    重点();
    点击()。焦点();
    快速点击
    j手势</p>

<p>这是一个将在本地运行的示例。在 chrome 的开发者控制台中,您可以输入 FunctionCalledByWkWebView("text");它会起作用,但在 iOS 上,键盘永远不会在注释掉的警报下打开。</p>

<p></p><div class="snippet"data-lang="js"data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html lang=&#34;en&#34;&gt;

&lt;head&gt;
&lt;title&gt;Test&lt;/title&gt;
&lt;meta charset=&#34;utf-8&#34; /&gt;
&lt;meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0&#34;&gt;
&lt;meta name=&#34;format-detection&#34; content=&#34;telephone=no&#34; /&gt;
&lt;script src=&#34;https://code.jquery.com/jquery-1.11.3.js&#34;&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div&gt;
    &lt;input type=&#34;text&#34; class=&#34;active target&#34; /&gt;
    &lt;input type=&#34;text&#34; class=&#34;target&#34; /&gt;
    &lt;input type=&#34;tel&#34; id=&#34;numberInput&#34; /&gt;
    &lt;input type=&#34;text&#34; class=&#34;target&#34; id=&#34;activeElementToShowKeyboard&#34; /&gt;
&lt;/div&gt;
&lt;style type=&#34;text/css&#34;&gt;
    .active {
      background-color: red;
    }
&lt;/style&gt;
&lt;script type=&#34;text/javascript&#34;&gt;
    $(&#34;.target&#34;).focusin(function() {
      $(&#34;.active&#34;).removeClass(&#34;active&#34;);
      $(this).addClass(&#34;active&#34;);
    });

    function FunctionCalledByWkWebView(someText) {
      var $selected = $(&#34;.active&#34;).removeClass(&#34;active&#34;);
      $selected.val(someText);
      var divs = $(&#34;.target&#34;);

      var newActiveElement = divs.eq((divs.index($selected) + 1) % divs.length).addClass(&#34;active&#34;);

      if ($(newActiveElement).is(&#34;#activeElementToShowKeyboard&#34;)) {
      //alert(&#34;Should bring up keyboard!&#34;);
      $(&#34;#numberInput&#34;).focus();
      }
    }
&lt;/script&gt;
&lt;/body&gt;

&lt;/html&gt;</code></pre>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p><code>WKWebView</code> 仅当焦点由用户启动时才会显示键盘。这是作为错误提交的 <a href="https://bugs.webkit.org/show_bug.cgi?id=142757" rel="noreferrer noopener nofollow">here.</a> </p>

<p>可以用 swizzling 来解决。不过很可能会被苹果拒绝。 </p>

<p>这可以缓解问题:</p>

<pre><code>static void (*originalIMP)(id self, SEL _cmd, void* arg0, BOOL arg1, BOOL arg2, id arg3) = NULL;

void interceptIMP (id self, SEL _cmd, void* arg0, BOOL arg1, BOOL arg2, id arg3) {
    originalIMP(self, _cmd, arg0, TRUE, arg2, arg3);
}

Class cls = NSClassFromString(@&#34;WKContentView&#34;);
      SEL originalSelector = NSSelectorFromString(@&#34;_startAssistingNode:userIsInteracting:blurPreviousNode:userObject:&#34;);

Method originalMethod = class_getInstanceMethod(cls, originalSelector);

IMP impOvverride = (IMP) interceptIMP;

originalIMP = (void *)method_getImplementation(originalMethod);

method_setImplementation(originalMethod, impOvverride);
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于javascript - WkWebView 无法打开输入字段的键盘,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/32407185/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/32407185/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: javascript - WkWebView 无法打开输入字段的键盘