2012-10-07 24 views
7

thể trùng lặp:
Having an uneditable, but selectable textboxLàm cách nào để cho phép người dùng chọn trong phần tử readOnly html trên safari trên iPad?

Tôi có một phần tử HTML trong trang web của tôi trên iPad và nó phải được đọc chỉ để ngăn chặn người dùng cập nhật các nội dung, sử dụng readOnly='readOnly' làm cho các phần tử unselectable và nội dung văn bản của phần tử không thể sao chép được.

có cách nào để làm cho phần tử chỉ đọc và người dùng có thể chọn/sao chép nội dung văn bản ????

+3

Tôi đã bỏ phiếu để mở lại câu hỏi này. Câu hỏi này rất khác với câu hỏi trùng lặp được liên kết. – Brian

+1

Đồng ý. Vấn đề này là cụ thể cho các trường nhập văn bản iPad và thuộc tính readOnly và câu trả lời dưới đây từ aomar là giải pháp duy nhất tôi đã gặp phải. – peater

Trả lời

11

chỉ tôi loại bỏ các thuộc tính readOnly và bổ sung như sau onkeydownoncut sự kiện để mô phỏng hành vi readOnly

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

Cẩn thận! Điều này sẽ phá vỡ các phím tắt của trường văn bản (ví dụ: CMD + C hoặc CMD + A) trong hầu hết các trình duyệt. – aaronk6

+1

nó dành cho iPad không cho bất cứ điều gì khác – aomar

+1

Người dùng iPad có thể sử dụng bàn phím bên ngoài, rất phổ biến trên iPad Pro. Các phím tắt sẽ bị hỏng cho chúng. – LeJared

Các vấn đề liên quan