Wenn div auf contentEditable=true gesetzt ist, kann der Cursor nach dem Zurücksetzen seines Inhalts nicht positioniert werden

Ich habe kürzlich an einer Kommentarfunktion gearbeitet, die die Möglichkeit zum Kommentieren von Emoticons erforderte. Daher war die Eigenschaft contentEditable das Erste, was ich berücksichtigen musste. Dabei trat ein Problem auf ...

Zunächst eine Anmerkung zum Landrat:

Wenn der Eingabeinhalt das Limit überschreitet, wird der Inhalt gelöscht, nachdem die Benutzereingabe das Limit überschritten hat.

Das ist einfach... Aber nach dem Löschen des Inhalts wanderte der Cursor tatsächlich nach vorne, was Kopfschmerzen bereitet.

Nach verschiedenen Suchen habe ich eine Lösung gefunden. Hier ist ohne weitere Umschweife der Code!

var _div = document.querySelector('.discuss_area');
var Bereich = Dokument.createRange();

Bereich.selectNodeContents(_div);
Bereich.Collapse(false);

var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(Bereich);

Alle verwenden native Ereignisse, sodass jQuery Objekte nicht verwendet werden können.

In diesem Artikel geht es um die Lösung des Problems, dass, wenn ein Div auf contentEditable=true gesetzt ist, der Cursor nach dem Zurücksetzen seines Inhalts nicht richtig positioniert werden kann. Dies ist das Ende des Artikels. Weitere relevante Inhalte zum Festlegen von „div contentEditable=true“ finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!