Friday, April 19, 2013

Stop Copy Text from Phonegap Applications

Hello,

Phonegap application is based on the HTML, CSS and JQuery. So if the user double tap on the app content then it will select the text and give option to copy and select text.

So for the application privacy if app admin does not want to copy application text then here is a way to stop selection of text.


Write below css in your master.css file. It will stop copy all the html elements text.

* { 
-webkit-touch-callout: none;
-webkit-user-select: none;
}

If your app contains form elements then you must enable copy for them. so write below css to enable copy for selected html elements like input, textarea.

input, textarea {-webkit-user-select: auto;}


Cheers...