Automatically focus output edit field

Jcparkyn · Jul 22, 2020 · b5798c8 · b5798c8
1 parent c92a3b4
commit b5798c8
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/Nodexr/wwwroot/js/ContentEditable.js b/Nodexr/wwwroot/js/ContentEditable.js
@@ -7,8 +7,7 @@ window.contentEditable = {
     initContentEditable: function (div, instance, textToDisplay) {
         div.innerText = textToDisplay;
         div.addEventListener("input", function () {
-            let text = div.innerText;//contentEditable.strip(div.innerText);
-            instance.invokeMethodAsync("GetUpdatedTextFromJavascript", text);
+            instance.invokeMethodAsync("GetUpdatedTextFromJavascript", div.innerText);
         });
 
         try {
@@ -17,6 +16,16 @@ window.contentEditable = {
         catch (e) {
             contentEditable.setupFallbackPlaintextOnly(div);
         }
+        contentEditable.moveCursorToEnd(div);
+    },
+
+    moveCursorToEnd: function (elem) {
+        let s = window.getSelection();
+        let r = document.createRange();
+        r.setStart(elem, 1);
+        r.setEnd(elem, 1);
+        s.removeAllRanges();
+        s.addRange(r);
     },
 
     setupFallbackPlaintextOnly: function (elem) {
@@ -55,12 +64,4 @@ window.contentEditable = {
             document.selection.createRange().text = text;
         }
     },
-
-    strip: function(html) {
-        let tempDiv = document.createElement("div");
-        tempDiv.innerText = html;
-        let text = tempDiv.innerText;
-        tempDiv.remove();
-        return text;
-    }
 }