초점을 맞추고 contentable div의 끝에 커서를 놓습니다.

Question

나는 this post에 설명 된 내용을 구현하려고 시도한 JSFiddle입니다. 그러나 놀랍게도 내 코드는 작동하지 않으며 단지 이유를 이해할 수 없습니다.

경우에 따라 동일한 코드를 여기 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>

대부분의 아마, 내 코드에서 바보 같은 오류가 있습니다. 누구나 내 머리를 아낄 수있어?

Answer 1

jquery 객체를 전달하는 대신 노드 ref를 전달하십시오.

IE.

$(document).ready(function(){ 
var node = document.getElementById('test'); 
focusAndPlaceCaretAtEnd(node); 
}); 

그 범위 기능은 분명히 그들이 JQuery와 객체를 통과 한 경우 알아낼만큼 똑똑이 arent.

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