Предотвращение наложения серым цветом на сенсорный экран в мобильном браузере Safari / Webview
Я создаю приложение iOS в webkit, поэтому весь пользовательский интерфейс является веб-просмотром. на touchStart любого элемента возле внешней границы webview (который не имеет привязанного к нему события touchStart), я получаю полупрозрачный серый ящик, накладывающий всю область webview. Я устранил -webkit-tap-highlight-color или -webkit-touch-callout как причины. Что делать, чтобы удалить это поведение?
- Почему Apple относится к этим приложениям специально?
- iOS / WebKit: touchmove / touchstart не работает на входе & textarea
- Проведите анимацию в CSS3
- Чтение трассировки стека iOS Webkit
- Как сделать запрос JQuery GET / AJAX частному / настраиваемому протоколу URL?
- Как включить локальное хранилище в моем приложении на основе WebKit?
- Полосы прокрутки WKWebView
- Максимальный размер базы данных WebSQL / SQLite внутри UIWebView (телефонная задержка)
просто поместите этот стиль, у вас все еще есть действия по умолчанию, но без серого наложения
a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
если вы хотите удалить панель действий, просто поставьте это
a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; }
И вот ты! чистые ссылки наконец!
Мое рабочее решение – это захват и предотвращениеDefault на событии touchstart в теле html-документа. Все другие более явные обработчики событий не затронуты. Я столкнулся с проблемой с элементами select , которые я рассмотрел в обработчике событий body (я использую jQuery):
$('body').live( 'touchstart', function(e){ if(e.target.localName != 'select'){ e.preventDefault(); } }
)