Hier ist mein Diagramm, das ich in JS geschrieben habe:
Die CSS:
%Vor%Funktioniert gut für Chrome / FF, aber im IE sind immer noch alle Elemente auswählbar, was merkwürdig aussieht, wenn man die Balken zieht.
Wie kann ich dies im IE unausgewählt machen?
In IE benötigen Sie das Attribut unselectable in HTML:
... oder setze es über JavaScript:
%Vor% Es ist zu beachten, dass die Unausgewähltheit nicht von Kindern eines nicht auswählbaren Elements geerbt wird. Das bedeutet, dass Sie entweder ein Attribut in das Start-Tag jedes Elements in <div> einfügen müssen oder JavaScript verwenden müssen, um dies rekursiv für die Nachkommen eines Elements zu tun:
Sie können Javascript verwenden, um Text in allen Browsern nicht auswählbar zu machen:
%Vor%Ein anderer Weg wird in diesem SO-Thread beschrieben: Gibt es eine Möglichkeit, Text auf einer HTML-Seite nicht auswählbar zu machen?
Der billigste Weg ist wahrscheinlich <body onselectstart="return false">
Der beste Weg ist jedoch die Verwendung des folgenden CSS:
%Vor% und fügen Sie die nicht auswählbare IE-Eigenschaft den gewünschten Elementen hinzu um nicht auswählbar zu machen ( unselectable="on" in HTML; element.setAttribute("unselectable","on") in Javascript)
Sieh dir diesen netten kleinen Artikel über nicht auswählbaren Text an .
Es gibt ein unselectable="on" -Attribut.
Und verwandter SO-Thread: Gibt es eine Möglichkeit, Text auf einer HTML-Seite nicht auswählbar zu machen?
Das scheint in Chrome und IE11 bisher gut zu funktionieren, mit JQuery ...
%Vor%Tags und Links javascript cross-browser selectable