Wie man Mac Safari daran hindert, Text mit der rechten Maustaste in einem zufrieden stellenden Bereich auszuwählen

Question

Ich arbeite an einem Editor und habe ein Problem mit Mac Safari. Jedes Mal, wenn Benutzer direkt auf ein Wort klicken, wählt er das komplette Wort alongwith Eröffnungsmenü

Problem kann durch einfache HTML wiedergegeben werden:

<div contenteditable> 
    <p> 
    This is sample text 
    </p> 
</div> 

Es kann hier auch repliziert werden: https://plnkr.co/edit/VfxC5JcsI0VzWAQLUG1u?p=preview
I hinzugefügt preventDeafult auch auf Rechtsklick, aber nutzlos.

Jede js/jquery Lösung ist willkommen. Es wird großartig sein, wenn wir eine CSS-Lösung finden

Answer 1

Sie könnten -webkit-touch-callout und/oder user-select verwenden.

Answer 2

Die Option Benutzerauswahl: keine funktioniert nicht, es wird kein Text mit der linken Maustaste ausgewählt, aber beim Zugriff auf das Kontextmenü in Safari wird immer noch der Text ausgewählt, auf den Sie geklickt haben.

Was für mich funktionierte, war, den Text mit Javascript abzuwählen.

document.getSelection().removeAllRanges(); 

Platz oben Code in das $ ('div'). Contextmenu Methode für sie zu arbeiten.