div 설정 content Editable = "true"는 텍스트 편집기로서 커서 해결 방법 찾기

890 단어 html
예를 들어 당신은div에 이모티콘을 삽입할 수도 있고 문자를 입력할 수도 있습니다. 이때 당신은 커서의 위치를 지정해야 할 수도 있습니다. 기본적으로 처리하지 않는 상황에서div의 커서는 문자 뒤에 위치하고 당신은img 라벨을 삽입하면 커서가 이동하지 않습니다!해결 방법:
function set_focus(el)
{
el=el[0];  // jquery    dom  
el.focus();
if($.browser.msie)
{
var rng;
el.focus();
rng = document.selection.createRange();
rng.moveStart('character', -el.innerText.length);
var text = rng.text;
for (var i = 0; i < el.innerText.length; i++) {
if (el.innerText.substring(0, i + 1) == text.substring(text.length - i - 1, text.length)) {
result = i + 1;
}
}
    }
else
{
var range = document.createRange();
range.selectNodeContents(el);
range.collapse(false);
var sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
    }
}   

    
자세한 내용:https://developer.mozilla.org/en-US/docs/Web/API/Selection
http://www.css88.com/demo/edit-box/index1.html

좋은 웹페이지 즐겨찾기