Javascript .resize（）jQuery在mobile touch上，单击时取消选中输入字段

在我的网站中，我想将搜索表单从桌面菜单移动到移动菜单，为此，我使用thr

.resize（）

函数检查屏幕宽度，然后使用

appendto

和

prependto

将搜索表单从桌面菜单移动到移动菜单

它在我的电脑（桌面）上运行良好，但在手机上试用时，它无法正常工作，当我单击搜索表单时，我看到在单击不到1秒钟后，输入变为未选中（未选中）

代码如下：

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>


<li id="form-search-mobile">
<div class="form-cerca">
<form role="search" method="get" id="searchform" class="searchform" action="/">
    <div>
        <label class="screen-reader-text" for="s"></label>
        <input type="text" value="" name="s" id="s" placeholder="search">
        <input type="submit" id="searchsubmit" value="search">
    </div>
</form>
</div>
</li>



<div id="primary-menu"></div>
<div class="entry-header"> </div>

---

您可以在

上查看完整代码，什么是“单击不到1秒后输入未检查”？@Larry Lane，当单击输入字段时，您可以写入文本，但在这种情况下，在单击键盘上的“写入时”后，由于文本输入字段未检查（未选中），因此不写入，如果你有一部手机，你可以检查这一点。它在我的android手机（三星note4）上运行良好。我点击键盘弹出的框，我键入一些东西，然后它填充输入框。@Larry Lane，我在galaxy s5和galaxy tab上试过了，你在chrome、firefox或默认浏览器上试过了吗？我通过stack exchange应用程序找到了链接，我将通过chrome试一下，看看会发生什么。这是什么意思“在点击不到1秒后，输入被取消选中”@Larry Lane，当点击输入字段时，您可以写入文本，但在这种情况下，在点击键盘上写入时，由于文本输入字段被取消选中（未选中），所以无法写入，如果您有手机，您可以进行检查。它在我的android手机上运行良好（三星note4）。我点击键盘弹出的框，我键入一些内容，然后它填充输入框。@Larry Lane，我在galaxy s5和galaxy tab上试过，你在chrome、firefox或默认浏览器上试过吗？我通过stack exchange应用程序找到了链接，我将通过chrome进行尝试，看看会发生什么。