iOS防止默认图像聚焦

Question

我在网页上有一个画布，我试图在我的ipad上测试它。但是，当我在画布上长时间触摸时，画布周围会出现一个浅蓝色矩形，并询问我是否要复制它。有没有办法禁用它？我试过了：

$(document).bind("touchstart", function(e) {
    e.preventDefault();
}

$(document).bind("touchmove", function(e) {
    e.preventDefault();
}

它确实有效，但整个网页停止响应我绑定到它的事件监听器。

感谢。

Answer 1

您可以尝试为元素设置CSS以阻止选择：

canvas
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }