Блог

В моем веб-приложении только для мобильных устройств есть некоторые lt;divgt; элементы, которые следует выделять при нажатии/длительном нажатии, и я надеялся добиться этого только с помощью CSS.

Важно отметить, что это устаревшее приложение с очень сложным кодом, предназначенным для устройств низкого класса, поэтому, например, списки не отображаются с использованием lt;ulgt; » s » и lt;ligt; «s», но все является lt;divgt; «а».

Я заметил побочный эффект CSS (может быть, намеренный?) —

Когда к элементу и его прямому дочернему элементу применяется следующий CSS:

 div {  pointer-events: auto;  cursor: pointer; }  

Затем щелчок/длительное нажатие на дочерний элемент всегда будет выделять только родительский элемент.

Это означает, что если, например, маленький lt;divgt; живет внутри большего lt;divgt; , и ребенок нажат, больший родитель lt;divgt; будет выделен.

Я знаю, что могу использовать Javascript для решения этой проблемы, но это приложение предназначено для недорогих устройств, поэтому я предпочитаю избегать добавления дополнительного кода Javascript.

Это похоже на нежелательный побочный эффект, и я не смог найти никакой документации об этом поведении.