Question

I listen for click events inside an html5 canvas and it works just fine. However, when I click anywhere on the image the browser highlights it as if it were selected (similar to how an image might look highlighted if clicked on a page). I was curious if anyone knew how to disable selecting of html elements such as canvas. I don’t want the canvas to appear outlined when someone clicks it.

Answer 1

You could try applying a few CSS rules along these:

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

As Michael mentioned jQuery’s disableTextSelect is worth checking out. Even if you don’t end up using it, studying the source might give some insight.