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

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

<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) 上，它不响应触摸。当我将标签与其连接时，触摸标签会导致明显选择选择(向下箭头按钮变为蓝色)，但它不显示选项。

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

---

Best Answer-推荐答案

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

e.preventDefault();

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

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

关于html - iPad IOS html表单选择在触摸时无法打开，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6251150/