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

【问题标题】：iPad IOS html form select does not open on touchiPad IOS html表单选择在触摸时无法打开
【发布时间】：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) 上，它不响应触摸。当我将标签与其连接时，触摸标签会导致明显选择选择（向下箭头按钮变为蓝色），但它不显示选项。

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

【问题讨论】：

标签： html ios ipad select safari

【解决方案1】：

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

e.preventDefault();

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

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

【讨论】：