触摸事件不适用于 iPad Safari 中的文本输入元素吗？

Question

在 iPad Safari 中，我对 DIV 的触摸事件进行了编程，以便当您触摸 DIV 内部并将手指按住 500 毫秒时，DIV 的背景颜色会发生变化。

当我尝试将代码移至文本输入元素（字段集中），使其成为触摸目标而不是 DIV 时，代码不起作用。尽管有此 CSS，文本输入仍会被选中：

    input[type=text] {-webkit-touch-callout:none; -webkit-user-select:none }

是否没有办法拦截 iPad Safari 中文本输入元素的触摸事件并以自定义方式处理它们，从而防止默认行为？或者我还必须做些什么才能获得支持这一点的输入？我尝试过使用和不使用虚拟点击处理程序：onclick =“void（0）”。

这是我正在关注的文档 处理事件。

Answer 1

尝试禁用并使您的输入只读：

<input type="text" readonly />

Answer 2

如果您不在处理程序代码中调用 preventDefault()，浏览器会自动将触摸事件传递给默认实现（在您认为已经处理完之后）。默认实现是选择字段。

因此，在您的情况下，请在处理程序中调用 preventDefault() 和 stopPropagation() ，并返回 false。这可以防止事件进一步冒泡。然后你就可以完全控制你的输入元素。

警告：然后您还将失去输入字段的默认行为！换句话说，您将无法在该字段中输入文本！或者，如果输入字段是 ，您将无法拉出列表等。

我想您真正想要的是：1）如果用户按住 500 毫秒，然后变为黄色，2) 和/或释放时激活输入字段。在这种情况下，当您确实想要使用输入字段时，您必须手动向上重新触发事件。

这种情况在iPad编程时很常见。例如，在许多情况下，您希望检测触摸拖动动作（即使在输入字段上）并将其解释为移动，但将触摸释放动作（不移动）解释为单击以激活输入字段。您必须执行我上面建议的操作：preventDefault() 并在必要时重新触发事件。

Answer 3

如果您发布代码将会很有帮助，但我认为您可能只需要防止触摸事件的默认行为。如果使用 jQuery，这看起来像这样：

$("#ID")
        .bind("touchstart",
            function (e) {
                e.preventDefault();
                //do something
            })
        .bind("touchmove",
            function (e) {
                if (e.preventDefault) { 
                    e.preventDefault();
                }
                //do something
            });