2015-06-04 6 views
5

Когда я выбираю текст в Chrome 43 на своем устройстве Android, я получаю всплывающее окно «Touch to Search». В настоящее время мы используем выбор текста для функции на нашем сайте, и эта новая функция Chrome мешает нашему пользовательскому интерфейсу.Отключить функцию «Touch to Search» для Chrome Chrome 43 программно

В конечном итоге мы будем разрабатывать новый интерфейс/UX для совместной работы с этой функцией, но в то же время мы хотим отключить его в нашем веб-приложении.

Есть ли какой-то метатег или JavaScript, который мы можем добавить, чтобы отключить это? Кто-нибудь знает, возможно ли это в настоящее время?

ответ

6

Это можно манипулировать несколькими способами. Пользователь может отключить его в флагах, как предложил PaulI, и вы можете контролировать его.

управления разработчика, сейчас есть несколько вариантов, но основное резюме, если мы считаем, что это interactable элемент пользовательского, то он не будет включен:

  • CSS: -webkit-user-select: none;
  • HTML :
    • Все с aria-role не будет иметь контакт искать enbabled
    • Что-нибудь с tabindex -1 или> 0
+0

Удивительный, спасибо за справочную информацию об этом. Очень информативно! –

+0

Так что, проверяя это, я не уверен, что это что-то делает. Я попытался применить tabindex/aria-role к invidual элементам, тегу body и контейнеру div, который завернул тело. Поиск по-прежнему отображается на подсветке. –

+0

Я обновил его -webkit префикс. tabindex работает в https://jsbin.com/subora/latest, но его плохой опыт. Предполагается, что роль Aria будет работать, но похоже, что она не – Kinlan

0

Перейдите к about:flags или chrome:flags и искать Включить Контекстный поиск

Затем переключить Отключен и нажмите рестарт в нижней части.

enter image description here

+0

Поблагодарить Пол. Я действительно ищу способ временно отключить его для пользователей, которые посещают наше веб-приложение. У нас есть «панель аннотаций», которая вылетает из нижней части страницы на событии selectionchange. Новая панель Touch to Search немного больше, чем наша панель, и полностью закрывает ее. Мы надеялись, что можно программно отключить его (CSS/HTML/JS), аналогично тому, как можно отключить меню правой кнопки мыши (или заменить его), чтобы пользователю не нужно было ничего делать и наш текущий UX будет продолжать работать. Оцените быстрый ответ! –

0

Если вы хотите инвалидов «Прикосновение к поиску» в меню, которое имеет действие открыть/закрыть (тумблер), необходимо JavaScript:

event.preventDefault(); 
+0

Пожалуйста, внимательно прочитайте, что просит автор. Он не имеет ничего общего с открытыми/закрытыми переключателями. – Desprit

+1

Я думаю, что хорошо читаю. Интерактивный элемент (событие) - мое решение хорошо. Ссылка: [developers.google.com] (https://developers.google.com/web/updates/2015/10/tap-to-search) – kortex

+0

Кортекс, да, вы были правы и извините меня за недоразумение. Я пробовал использовать preventDefault() перед публикацией моего комментария, и это не сработало. Он по-прежнему не работает, но может быть, по другим причинам. – Desprit

1

Возможный обходной путь может быть, чтобы обернуть текст в <button> тег. Очевидно, это не сработает, если говорить о больших блоках текста, но для других элементов, таких как названия, значки и другие мелкие вещи, это прекрасно работает.

Смежные вопросы