diff --git a/css/style.css b/css/style.css
index e2b63d7..a7c5cf1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -100,6 +100,15 @@ h1 br {
   width: 99%;
 }
 
+.prevent-select {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
 [ng\:cloak], [ng-cloak], .ng-cloak {
   display: none !important;
 }
diff --git a/index.html b/index.html
index fac44e8..2f13348 100644
--- a/index.html
+++ b/index.html
@@ -109,7 +109,7 @@
           <canvas id="detector-core" width="400" height="400">
             Your detector. Click on it to generate events.
           </canvas>
-          <canvas ng-click="dc.click()" id="detector-events" width="400" height="400">
+          <canvas ng-click="dc.click()" id="detector-events" width="400" height="400" class="prevent-select">
             Your detector. Click on it to generate events.
           </canvas>
         </div>
diff --git a/mobile.html b/mobile.html
index 2a66d52..cddfb7e 100644
--- a/mobile.html
+++ b/mobile.html
@@ -167,7 +167,7 @@
           <canvas id="detector-core" width="400" height="400">
             Your detector. Click on it to generate events.
           </canvas>
-          <canvas ng-click="dc.click()" id="detector-events" width="400" height="400">
+          <canvas ng-click="dc.click()" id="detector-events" width="400" height="400" class="prevent-select">
             Your detector. Click on it to generate events.
           </canvas>
         </div>