wassname/cardsforscience
1
0
Fork 0
mirror of https://github.com/wassname/cardsforscience.git synced 2026-08-11 11:16:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Prevent user from selecting DOM element when clicking detector

Browse Source
This commit is contained in:
Keenan Lidral-Porter
2014-08-12 22:34:14 +02:00
committed by Tadej Novak
parent f92bf03e17
commit 8b007637a3
3 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+9
View File
@@ -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;
}
index.html
+1 -1
View File
@@ -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>
mobile.html
+1 -1
View File
@@ -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>