Safari на iPhone и iPad дает цветную обратную связь при касании, я хочу остановить это

Question

Щелчок по элементу, имеющему обработчик Javascript, заставляет элемент работать с «серым наложением». Обычно это нормально, но я использую делегирование событий для обработки событий приземления многих дочерних элементов. Из-за делегирования «серый оверлей» появляется над родительским элементом и выглядит плохо и запутанно.

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

Есть идеи?

Answer 1

-webkit-tap-highlight-color

Чтобы отключить подсветку касанием, установите значение альфа-канала равным 0 (невидимо)

Answer 2

$ ('body'). Bind ('touchstart', function (e) { e.preventDefault () }) * * Тысяча одна

Answer 3

Для тех, кто читает этот вопрос, другое свойство CSS, которое не только удаляет наложение, но и препятствует взаимодействию сенсорного устройства с пользователем для оценки намерения касания (которое значительно задерживает синхронизацию триггера события), заключается в использовании cursor свойство.

a.notTappable {
    cursor:default
}

Кроме того, в случае, когда автор спрашивал, где у вас есть потомки родителя, и вы хотите, чтобы потомки были только смещаемыми, и вы хотите игнорировать все события, связанные с мышью родителя, следующее решение даст вам наилучшую производительность полностью отключив пузырение до родителя). Прочитайте спецификацию webkit здесь .

.parent {
    pointer-events:none;
}
.parent .descendant {
    pointer-events:default;
}

Я упоминаю об этом только потому, что разница в производительности здесь значительна.