Make text and content unselectable in Readium.js

4 posts / 0 new
Last post

Hello, I wish to add readium.js to one website project. One of the requirements is that text and content must be unselectable (to avoid copy & paste) by the user.
I tried making the epub-reader-container unselectable using css like:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

But not working...
Is possible to make text and content unselectable by user?
Where have I to include this option?

Well after some research I finally make the text unselectable by adding the css code to the p {} tags in the css of the epub. So, one question left, can readium.js make this changes inlcuding some javascript code? Or maybe I must take a look to jquery docs?

Hi, I want to get the selected content from iframe or reader. Its working fine for toc contents but not works at all for the rest contents within iframe. Please let me know if you have any idea to get my goal. Thanks in advance.

Well, try using pointer-events:none instead. That should work, but frankly it's not going to prevent anyone who really wants to copy the text.. All it will do is prevent the naive from being able to copy the text. After all, they can simply "view source" and copy the entire contents of the page.

Secondary menu