30-seconds-of-code/disable-selection.md at 11eff23e47b0cf8b0af706090127ebf3685ace3f

Files

atomiks 11eff23e47 Autoscoping (#103 )

* Add autoscoping with generated demo

* Remove manual demo from all snippets

* Add JavaScript inside IIFE

* Align mouse-cursor-gradient-tracking.md to demo code

* Match snippets to demo

* Update CONTRIBUTING.md

* Create reusable function for code extraction

2018-10-05 09:18:51 +10:00

611 B

Raw Blame History

Disable selection

Makes the content unselectable.

HTML

<p>You can select me.</p>
<p class="unselectable">You can't select me!</p>

CSS

.unselectable {
  user-select: none;
}

Demo

Explanation

user-select: none specifies that the text cannot be selected.

Browser support

⚠️ Requires prefixes for full support. ⚠️ This is not a secure method to prevent users from copying content.

https://caniuse.com/#feat=user-select-none

611 B Raw Blame History