ΜΕΝΗ ΚΑΙ ΤΑ ΠΙΣΤΑ ΦΙΛΑΡΑΚΙΑ ΤΗΣ!!: Ηρα

W3docs Books Exercises Quizzes Snippets Tools String Functions Snippets › JavaScript › How to Disable Text Selection, Copy, Cut, Paste and Right-click on a Web Page How to Disable Text Selection, Copy, Cut, Paste and Right-click on a Web Page There can be some cases when preventing certain parts of your web page from being selected could be profitable. Because disabled user-selection is very annoying, you had better not set it for your whole website. Instead, disable text selection for the parts or on the specific articles that you afraid might be stolen. Use it in situations where it will enhance the UX of your website. No matter what is the reason for disabling user-selection on your website, if you have come to that step, this is the right place to learn how to that with CSS, Javascript and jQuery easily. How to Disable Text Selection Highlighting with CSS¶ It’s not a difficult task to make a text unselectable. All you need to do is to disable the text selectivity for all the browsers that your webpage is likely to be loaded on. Let’s see what extensions to use for different browsers to disable the selectivity of a text. Chrome, Opera (older versions), IOS Safari: -webkit-user-select Safari: -webkit-touch-callout Mozilla: -moz-user-select KHTML browsers (Konqueror): -khtml-user-select Chrome starting from 54.0 version and Opera starting from 41.0 version support the user-select without the-webkit- prefix. Example¶ Title of the document

I am a selectable text. You can select me.

I am an unselectable text. My text selection is disabled.

Σάββατο 8 Δεκεμβρίου 2018

Ηρα

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Δημοφιλείς αναρτήσεις

Αναγνώστες