pointer-eventsИмовина омогућава контролу над колико ХТМЛ елементи реагују на мишу / тоуцх догађаји - укључујући и ЦСС ховер / активних држава, клик / ТАП догађаја у Јавасцрипт и да ли је или није курсор видљив.
.avoid-clicks ( pointer-events: none; )Иако pointer-eventsсвојство узима једанаест могућих вредности, све осим три резервисане су за употребу са СВГ-ом. Три важеће вредности за било који ХТМл елемент су:
noneспречава све опције клика, стања и курсора на наведеном ХТМЛ елементуautoвраћа подразумевану функционалност (корисно за употребу на подређеним елементима елемента саpointer-events: none;наведенимinheritкористићеpointer-eventsвредност родитеља елемента
Као што је горе показано, главни случај примене pointer-eventsје омогућавање понашања кликова или тапкања да „прође“ кроз елемент до другог елемента испод њега на З оси. На пример, ово би било корисно за графичке прекриваче или сакривање елемената са opacity(нпр. Описи алата) и даље омогућавање избора текста на садржају испод њега.
Тачке од интереса
- „Коришћење догађаја показивача у ЦСС-у за не-СВГ елементе је експериментално. Функција је некада била део спецификације нацрта ЦСС3 УИ, али је због многих отворених проблема одложена за ЦСС4. “ - Мозилла МДН
- „Ако елементу додате преслушач догађаја клика, а затим уклоните стил догађаја показивача (или промените његову вредност у аутоматски, догађај клика ће активирати назначену функционалност. У основи, догађај клика поштује вредност догађаја показивача.“ - Давид Валсх
Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
| Хром | Фирефок | ИЕ | Ивица | Сафари |
|---|---|---|---|---|
| 4 | 3.6 | 11 | 12 | 4 |
Мобиле / Таблет
| Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |
Подршка је мало дубља у неким прегледачима када се користи , на пример, ИЕ 9 то подржава.