如何禁用html5 canvas元素的select

Question

我在html5画布中监听点击事件,它运行得很好.但是,当我单击图像上的任意位置时,浏览器会将其高亮显示为选中它(类似于在页面上单击时图像的外观如何突出显示).如果有人知道如何禁用选择画布等html元素,我很好奇.当有人点击它时,我不希望画布显示出轮廓.

Answer 1

继续使用CSS样式,然后将其添加到头部:

<style type="text/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;
        outline: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
    }   
</style>

Answer 2

您可以尝试沿着这些应用一些CSS规则:

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;

正如迈克尔提到的,jQuery的disableTextSelect值得一试.即使您最终没有使用它,研究源可能会提供一些见解.