Wie kann ich Text mit Javascript oder jQuery abwählen?

Ich habe ein ziehbares (jQuery UI) Element mit “storniertem” Text darauf. Hier ist, was ich meine:

$('#main').draggable({
        cancel: '#main>* *',
        start: function(){
          // deselect text
        }
});

Wenn ich das Element ziehe, wähle ich oft versehentlich den Text aus. Ich möchte den Text abwählen, wenn das Element gezogen wird.

Um alles abzuwählen, was Sie verwenden können:

document.getSelection().removeAllRanges();

jQuery-UI enthält jetzt .disableSelection(), mit der Sie verhindern können, dass der Text in Ihren Elementen ausgewählt wird. Die API-Dokumentation dazu ist nicht sehr nützlich, aber: http://api.jqueryui.com/disableSelection/

Abgesehen davon hat sich die Antwort von Eric G als äußerst hilfreich für mich erwiesen, als ich mein eigenes Tool zum “Texthervorheben” erstellt habe – wie Lawrence bemerkte, wird kein Fehler ausgegeben, wenn kein Text ausgewählt wurde.

Dokumentenauswahl löschen document.selection.empty();

Etwas wie:

 $('#main').draggable({
     cancel: '#main>* *',
     start: function(){
      // deselect text
      document.selection.empty();
     }
 });