Missbrauchspotential finden: versteckten Text selektieren

[dedlfix]

Tach!

Ich habe da mal was vorbereitet: https://jsfiddle.net/04ejkgge/.

Bei diesem kleinen Versuch geht es darum, das Element mit der ID selectable, insbesondere dessen Inhalt, so zu verändern, dass auf Button-Klick nicht sichtbarer Text von der Funktion selectElementText() selektiert wird, und in output zu sehen ist.

Die Funktion selectElementText() markiert (hoffentlich nur) angezeigten Inhalt der Webseite, quasi so, wie das der Anwender zum Beispiel mit seiner Maus auch könnte.

Der Javascript-Teil soll nicht verändert werden, auch Teile außerhalb des ersten Div sind tabu. Diese Bereiche sind in der eigentlichen Anwendung nicht unautorisiert veränderbar. Der Button wird besipielsweise mit Javascript erzeugt und ist damit außer Manipulationsreichweite. Ebenso sollten die Versuche auf die Mittel eines normalsterblichen Mediawiki-Anwenders beschränkt sein. Also CSS über style einfügen geht, Javscript-Code wird hingegen rausgefiltert. Was irgendwer in seinem privaten Browser anstellt ist mir egal, man soll nur keinen ungewollten Inhalt in die Seite einfügen können (sprich: in das 'selectable'-Element). Und natürlich ist das Wiki nicht ohne Aufsicht. Es geht dabei nur darum, in der Zeit zwischen Einfügen und administrativem Bemerken keinen allzugroßen Unfug zuzulassen. Das heißt, ein Besucher soll sehen, was da kopiert werden wird. Bei der eigentlichen Anwendung wird der selektierte Text nicht ausgegeben sondern in die Zwischenablage kopiert. Den Teil habe ich für den Versuch weggelassen.

Die naheliegendste Methode

<span id="selectable">some text <span style="display:none">versteckt</span></span>

geht schonmal nicht, der versteckte Text wird von der Selektion nicht erfasst.

Zusatzaufgabe: Gegenmittel für erfolgreiche Versuche finden. Diese könnten zum Beispiel im Javascript-Teil angesiedelt werden.

dedlfix.