2015-06-04 7 views
5

Wenn ich Text in Chrome 43 auf meinem Android-Gerät auswähle, erhalte ich das Popup-Fenster "Touch to Search". Wir verwenden derzeit die Textauswahl für ein Feature auf unserer Website. Diese neue Chrome-Funktion beeinträchtigt einige unserer Nutzeroberflächen.Deaktivieren Sie die Funktion "Touch to Search" von Chrome 43 programmgesteuert

Auf lange Sicht werden wir neue UI/UX entwickeln, um Seite an Seite mit dieser Funktion zu arbeiten, aber in der Zwischenzeit möchten wir sie in unserer Web-App deaktivieren.

Gibt es eine Art Meta-Tag oder JavaScript, das wir hinzufügen können, um dies auszuschalten? Weiß jemand ob das momentan möglich ist?

Antwort

6

Dies kann auf verschiedene Weise manipuliert werden. Der Benutzer kann es in Flags deaktivieren, wie PaulI vorgeschlagen hat, und Sie können es steuern.

Entwickler Kontrolle, jetzt gibt es ein paar Optionen, aber die grundlegende Zusammenfassung ist, wenn wir denken, dass es ein Benutzer interagierbare Element ist, dann wird es nicht aktiviert werden:

  • CSS: -webkit-user-select: none;
  • HTML :
    • Alles, was mit einem aria-role hat die Berührung nicht enbabled
    • Alles, was mit einem tabindex von -1 oder> 0
    • suchen
+0

Super, danke für die Hintergrundinformationen dazu. Sehr informativ! –

+0

Also, wenn ich das ausprobiere, bin ich mir nicht sicher, ob das irgendwas macht. Ich habe versucht, tabindex/aria-role auf einzelne Elemente, body-tag und einen div-container anzuwenden, der den Körper umhüllte. Die Suche wird immer noch bei der Hervorhebung angezeigt. –

+0

Ich habe es -webkit Präfix aktualisiert. Tabindex funktioniert in https://jsbin.com/subora/latest, aber es ist eine schlechte Erfahrung. Aria-Rolle soll funktionieren, sieht aber so aus, als ob sie nicht funktioniert – Kinlan

0

Navigieren Sie zu about:flags oder chrome:flags und suchen nach aktivieren Kontext-bezogene Suche

dann auf Deaktiviert umschalten und Neustart am Boden getroffen.

enter image description here

+0

Danke Paul. Ich suche eigentlich nach einer Möglichkeit, es vorübergehend für Benutzer zu deaktivieren, die unsere Web-App besuchen. Wir haben eine "Anmerkungsleiste", die am Ende der Seite des Selectionchange-Events erscheint. Die neue Touch to Search Leiste ist etwas größer als unsere Leiste und verdeckt sie komplett. Wir hatten gehofft, es war möglich, es programmatisch zu deaktivieren (CSS/HTML/JS), ähnlich wie man das Rechtsklickmenü deaktivieren (oder ersetzen könnte), so dass der Benutzer nichts und unsere aktuelle tun musste UX würde weiter arbeiten. Schätzen Sie die schnelle Reaktion! –

0

Wenn Sie deaktiviert wollen in einem Menü „touch suchen“, die eine Aktion zum Öffnen/Schließen (Toggle) hat, ist es notwendig, javascript:

event.preventDefault(); 
+0

Bitte lesen Sie sorgfältig, wonach der Autor fragt. Es hat nichts mit dem Öffnen/Schließen-Schalter zu tun. – Desprit

+1

Ich denke, ich lese gut. Ein interaktives Element (Event) meine Lösung ist gut. Bitte verlinken Sie dies: [developers.google.com] (https://developers.google.com/web/updates/2015/10/tap-to-search) – kortex

+0

Kortex, ja, Sie hatten Recht und entschuldigen mich für Missverständnisse. Ich habe versucht mit preventDefault() vor dem Posten meines Kommentars und es hat nicht funktioniert. Es funktioniert immer noch nicht, aber vielleicht aus anderen Gründen. – Desprit

1

Mögliche Abhilfe wickeln könnte zu Text in <button> Tag. Dies würde natürlich nicht funktionieren, wenn man über große Textblöcke spricht, aber für andere Elemente wie Titel, Icons und andere kleine Dinge funktioniert das gut.