OStack程序员社区-中国程序员成长平台

标题: html - iPad IOS html表单选择在触摸时无法打开 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 07:56
标题: 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/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4