Focus und platzieren Sie den Cursor an Ende der zufriedenen div

Question

Ich habe diese JSFiddle, wo ich versuche zu implementieren, was in this post beschrieben ist. Überraschenderweise funktioniert mein Code jedoch nicht und ich kann einfach nicht verstehen warum.

Nur für den Fall, ich stelle den gleichen Code hier in Stackoverflow.

$(document).ready(function(){ 
 
focusAndPlaceCaretAtEnd($('#test')); 
 
}); 
 
function focusAndPlaceCaretAtEnd(el) { 
 
    el.focus(); 
 
    if (typeof window.getSelection != "undefined" 
 
      && typeof document.createRange != "undefined") { 
 
     var range = document.createRange(); 
 
     range.selectNodeContents(el); 
 
     range.collapse(false); 
 
     var sel = window.getSelection(); 
 
     sel.removeAllRanges(); 
 
     sel.addRange(range); 
 
    } else if (typeof document.body.createTextRange != "undefined") { 
 
     var textRange = document.body.createTextRange(); 
 
     textRange.moveToElementText(el); 
 
     textRange.collapse(false); 
 
     textRange.select(); 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="test" contenteditable="true" placeholder=""> 
 
    Focus and place the cursor to the end 
 
</div>

wahrscheinlich die meisten, gibt es einige dumme Fehler in meinem Code. Kann mir jemand den Verstand retten, indem ich einen Hinweis darauf gebe?

Answer 1

Anstatt ein jquery-Objekt zu übergeben, übergeben Sie einen Knoten ref.

IE.

Diese Bereichsfunktionen sind offenbar nicht intelligent genug, um herauszufinden, wann sie ein jquery-Objekt übergeben haben.

http://jsfiddle.net/g9Lxkvbb/1/