Jquery iPhone上的HTML5画布突出显示touchstart/mousedown事件

无论何时触摸（并握住）画布，画布都会以较深的颜色突出显示。当触摸被释放时，它会恢复正常。它不像文本选择，它与iPhone在超链接上使用的突出显示相同

我正在使用jQuery绑定事件：

$('canvas').bind('mousedown touchstart', function(e) {
    var c = $(this), offset = c.offset();
    var touch = {
        x: (e.targetTouches ? e.targetTouches[0].pageX : e.pageX) - offset.left,
        y: (e.targetTouches ? e.targetTouches[0].pageY : e.pageY) - offset.top
    };

    testApp.lastTouch = touch;

    return false;
});

当应用程序保存到“主屏幕”时，问题会更严重。当触摸画布的边缘时，它确实会在web浏览器中发生，但在主屏幕应用程序中，无论在何处触摸画布，它都会发生

---

出现此问题的原因可能是什么？

在查看页面时，可能需要取消清除元素

$(window).focus(function() { $(':focus').blur(); });

或者

---

似乎是一个总体解决方案，但可能会有所帮助。

我最终发现，使用以下CSS可以解决该问题：

.puzzle canvas {
    -webkit-tap-highlight-color: transparent;
}

---

你能提供一个例子的链接吗？谢谢你的帮助，不幸的是，这似乎不起作用。每次触摸画布时都会出现此问题。它的焦点与超链接上显示的焦点相同，但我不希望它出现在画布上，因为它看起来很可怕。再次感谢

.puzzle canvas {
    -webkit-tap-highlight-color: transparent;
}