菜鸟教程小白 发表于 2022-12-13 07:56:50

html - iPad IOS html表单选择在触摸时无法打开


                                            <p><p>我有一个选择框，按以下方式创建:</p>

<pre><code>&lt;select id=&#34;size&#34; onchange=&#34;location=this.options.value;&#34; name=&#34;size&#34;&gt;
    &lt;option value=&#34;#catalog_860&#34;&gt;16&lt;/option&gt;
    &lt;option value=&#34;#catalog_861&#34;&gt;17&lt;/option&gt;
    &lt;option value=&#34;#catalog_862&#34;&gt;18&lt;/option&gt;
    &lt;option selected=&#34;selected&#34; value=&#34;#catalog_863&#34;&gt;19&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>在桌面 Safari 和其他浏览器上，它可以正常工作。</p>

<p>在 Mobile Safari (iPad) 上，它不响应触摸。当我将标签与其连接时，触摸标签会导致明显选择选择(向下箭头按钮变为蓝色)，但它不显示选项。</p>

<p>我现在正在和它战斗两个小时。我错过了什么？</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>我也遇到了同样的事情。
如果您调用，请检查您的 javascript 中的任何位置</p>

<pre><code>e.preventDefault();
</code></pre>

<p>关于“touchstart”事件。我设法避免这种情况</p>

<pre><code>function touchStart(e) {
    if (e.target.tagName != &#39;SELECT&#39;) {
      e.preventDefault();
    }
    ...
}
</code></pre></p>
                                   
                                                <p style="font-size: 20px;">关于html - iPad IOS html表单选择在触摸时无法打开，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/6251150/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/6251150/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: html - iPad IOS html表单选择在触摸时无法打开