2013-02-11 14 views
6

W Safari dla iPad w iOS6, chciałbym zaznaczyć tekst, a następnie podświetlić go (zmieniając kolor tła) za pomocą JavaScript. Jednak po zaznaczeniu tekstu automatycznie pojawia się opcja "Kopiuj". W jaki sposób chciałbym wyłączyć wyłączenie tej opcji "Kopiuj"? Mogę uruchomić to we wszystkich innych przeglądarkach, z wyjątkiem Safari iPad.Wyłączanie funkcji "Kopiuj" w przeglądarce Safari na iPadzie

Czy to możliwe? Co powinienem zrobić?

+0

możliwe duplikat [Wyłącz zaznaczonego tekstu elementu HTML] (http://stackoverflow.com/questions/6889960/disable-text-selection-of-html-element) – Trufa

+0

myślę, że to, co trzeba , proszę powiedz mi, jeśli jest inaczej. – Trufa

+0

Trufa - muszę wybrać tekst, a następnie zmienić tło zaznaczonego tekstu (na żółty lub inny, np. Podświetlić go). Problem w mobilnym Safari polega na tym, że po wybraniu tekstu pojawia się przycisk "Kopiuj". Jestem w stanie wyłączyć funkcję "Kopiuj" z działania, tzn. Właściwie niczego nie kopiować, ale nie jestem w stanie zapobiec pojawieniu się tego przycisku. – RTores

Odpowiedz

20

Jeśli chcesz wyłączyć „wytnij/kopiuj/wklej” wywoływany przez gospodarstwa dół na element w Safari na iPhonie lub iPadzie używać CSS:

-webkit-user-select: none; 

Informacje z Disabling ‘hold to copy’ on Mobile Safari, napisanych przez Ben Collier nieruchomość


-webkit-tap-highlight-color ac cepts wszelkie standardowe wartości kolorów CSS , ale prawdopodobnie będziesz chciał podać wartość rgba w zleceniu , aby kontrolować przezroczystość alfa. Wyłączenie podświetlenia kranu jest tak proste, jak ustawienie wartości alpha na 0, tak jak poniżej:

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

Informacje z Quick Tip: Customizing the Mobile Safari tap highlight color wysłane przez Ryan Grove


Więc chciałbym użyć CSS nie JavaScriptu.

+1

Zapobiega to wybraniu tekstu, ale nie rozwiązuje niestety mojego problemu. – RTores

+0

Spójrz jeszcze raz, proponuję pójść z css – Comradsky

+0

Pozwól mi spróbować tego. Dzięki, Comradsky – RTores

0

Dodatek do zaakceptowanej odpowiedzi;

Nadanie wymienionej właściwości tylko elementowi div operatora lub elementowi ciała, przytrzymanie niektórych obiektów (obrazów i elementów SVG itp.) Nadal wyświetla etykietę narzędzia.

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

Podanie właściwości wszystkim elementom (*) mi pomogło.


Zgaduję również, że wybór użytkownika ma problem/błąd z wprowadzaniem tekstu, więc możesz chcieć go wykluczyć.

input { 
-webkit-user-select: auto; 
} 
Powiązane problemy