2013-02-11 10 views
6

Trong Safari cho iPad trong iOS6, tôi muốn chọn văn bản và sau đó tô sáng nó (thay đổi màu nền) bằng JavaScript. Tuy nhiên, khi tôi chọn văn bản, tùy chọn "Sao chép" sẽ tự động bật lên. Tôi sẽ làm thế nào để vô hiệu hóa tùy chọn "Sao chép" này? Tôi có thể làm việc này trên mọi trình duyệt khác, ngoại trừ trên iPad Safari.Tắt tính năng 'Sao chép' trong trình duyệt Safari của iPad

Điều này có khả thi không? Tôi nên làm gì?

+0

thể trùng lặp của [lựa chọn văn bản vô hiệu hóa các phần tử HTML] (http://stackoverflow.com/questions/6889960/disable-text-selection-of-html-element) – Trufa

+0

Tôi nghĩ rằng đó là những gì bạn cần , xin vui lòng cho tôi biết nếu không. – Trufa

+0

Trufa - Tôi cần phải chọn văn bản và sau đó thay đổi nền của văn bản đã chọn (thành màu vàng hoặc thứ gì đó, tức là tô sáng nó). Vấn đề trong Safari trên điện thoại di động là nút "Sao chép" xuất hiện khi tôi chọn văn bản. Tôi có thể vô hiệu hóa tính năng "Sao chép" từ chức năng, tức là thực sự không sao chép bất cứ điều gì, nhưng tôi không thể ngăn chặn nút đó xuất hiện ở vị trí đầu tiên – RTores

Trả lời

20

Nếu bạn muốn vô hiệu hóa 'Cắt/Copy/Paste' gọi bằng cách giữ xuống trên một yếu tố trong Safari trên iPhone hoặc iPad sử dụng css:

-webkit-user-select: none; 

Thông tin từ các Disabling ‘hold to copy’ on Mobile Safari, đăng bởi Ben Collier


các -webkit-tap-điểm nhấn màu sở hữu ac cepts bất kỳ giá trị màu chuẩn CSS nào, nhưng có thể bạn sẽ muốn cung cấp giá trị rgba theo thứ tự để kiểm soát độ trong suốt của alpha. Vô hiệu hóa các máy nổi bật cũng đơn giản như thiết lập các giá trị alpha 0, như vậy:

container { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
} 

Thông tin từ Quick Tip: Customizing the Mobile Safari tap highlight color đăng bởi Ryan Grove


Vì vậy, tôi sẽ sử dụng css không JavaScript.

+1

Điều này ngăn cản việc lựa chọn văn bản, nhưng không giải quyết được vấn đề của tôi. – RTores

+0

nhìn lại, tôi đề nghị đi với css – Comradsky

+0

Hãy để tôi thử điều này. Cảm ơn, Comradsky – RTores

0

Ngoài câu trả lời được chấp nhận;

Cho thuộc tính được đề cập chỉ với phần tử mạng di động hoặc phần tử nội dung, giữ trên một số đối tượng (Hình ảnh và phần tử SVG, v.v.) vẫn hiển thị chú giải công cụ.

* { 
-webkit-user-select: none; 
-webkit-tap-highlight-color: rgba(0,0,0,0); 
} 

Cho phép các thuộc tính cho tất cả các yếu tố (*) thực hiện thủ thuật cho tôi.


Ngoài ra, tôi đoán người dùng chọn có sự cố/lỗi với nhập văn bản, vì vậy bạn có thể muốn loại trừ nó.

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