CODEWITHSUNDEEP
javascripthtmlipadmobile-webkit
aomar
aomar

Reputation: 510

How to enable user select in a readOnly html element on iPad safari?

I have an HTML element in my web page on iPad and it must be read only to prevent users updating the content,using readOnly='readOnly' makes the element unselectable and text content of the element can not be copied at all.

is there any way to make the element read only and the user can select/copy the text content????

Upvotes: 8

Views: 5763

Answers (1)

aomar
aomar

Reputation: 510

just i removed the readOnly attribute and added the following onkeydown and oncut events to simulate readOnly behavior 

<input type="textarea" 
    onkeydown="event.preventDefault();event.stopPropagation();return false;" 
    oncut="event.preventDefault();event.stopPropagation();return false;">

Upvotes: 12

Related Questions