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

Posted 2023-03-12

【中文标题】iPad IOS html表单选择在触摸时无法打开

【英文标题】：iPad IOS html form select does not open on touch

【发布时间】：2011-06-06 11:11:38

【问题描述】：

我有一个选择框，按以下方式创建：

<select id="size" onchange="location=this.options[this.selectedIndex].value;" name="size">
    <option value="#catalog_860">16</option>
    <option value="#catalog_861">17</option>
    <option value="#catalog_862">18</option>
    <option selected="selected" value="#catalog_863">19</option>
</select>

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

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

我现在正在和它战斗两个小时。我错过了什么？

【参考方案1】：

我也遇到了同样的事情。 如果您调用，请检查您的 javascript 中的任何位置

e.preventDefault();

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

function touchStart(e) 
    if (e.target.tagName != 'SELECT') 
        e.preventDefault();
    
    ...