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

Question

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

<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>

在 Desktop Safari 和其他浏览器上，它按预期工作。

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

我现在已经打了两个小时了。我错过了什么？

Answer 1

我也遇到了同样的事情。 如果您调用

，请检查您的 javascript 中的任何位置

e.preventDefault();

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

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