Languages
[Edit]
PL

HTML - jak wy┼é─ůczy─ç zaznaczanie tekstu?

3 points
Created by:
Sylwia
3500

 

U┼╝ywaj─ůc HTML, JavaScript i CSS mo┼╝na usun─ů─ç zaznaczenie tekstu w nast─Öpuj─ůcy spos├│b.

1.┬áPrzyk┼éad niestandardowej zgodno┼Ťci wstecznej

Takie podej┼Ťcie usuwa opcj─Ö zaznaczania tekstu (i nie tylko) z elementu, poprzez dodanie:

  • okre┼Ťlona klasa (.disable-selection zdefiniowana┬áw przyk┼éadowym kodzie)
  • unselectable="on" atrybut┬á- wymagany przez IE <10 i Opera <15
  • onselectstart="return false;" - alternatywne rozwi─ůzanie dla przegl─ůdarki Internet Explorer

Uwagi: niekt├│re przegl─ůdarki nadal nie obs┼éuguj─ů w┼éa┼Ťciwo┼Ťci user-select (pomocny link), wi─Öc dla pe┼énej funkcjonalno┼Ťci konieczne jest u┼╝ycie prefiks├│w. W┼éa┼Ťciwo┼Ť─ç user-select nie jest cz─Ö┼Ťci─ů standardu - ma status roboczy wersji roboczej dla CSS4.┬á

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <style>

    .disable-selection {
        -webkit-touch-callout: none; /* iOS Safari                         */
          -webkit-user-select: none; /* Safari                             */
           -khtml-user-select: none; /* Konqueror HTML                     */
             -moz-user-select: none; /* Firefox in the past (old versions) */
              -ms-user-select: none; /* Internet Explorer (>=10) / Edge    */
                  user-select: none; /* Currently supported:               */
                                     /* Chrome, Opera and Firefox          */
    }

    div {
        margin: 10px;
        padding: 20px;
    }

  </style>
</head>
<body>
  <div class="disable-selection" 
       style="background: silver;" 
       unselectable="on"
       onselectstart="return false;">
     Tego tekstu nie mo┼╝na zaznaczy─ç ...
  </div>
  <div style="background: gold;">
     Ten tekst mo┼╝na zaznaczy─ç ...
  </div>
</body>
</html>

 

Native Advertising
­čÜÇ
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - friendly IT community for everyone.

ÔŁĄ´ŞĆ­čĺ╗ ­čÖé

Join