小编Mik*_*ike的帖子

将插入符号位置设置为contentEditable元素内的空节点

我的任务是将文本插入符设置为显示在contentEditablediv中的空span节点内.

以下为我在Firefox 3.6上没有任何问题:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" src="js/jquery-1.4.3.min.js">
        </script>
        <style>
            #multiple {
                border: 1px solid #ccc;
                width: 800px;
                min-height: 20px;
                padding: 5px;
                outline: none;
            }
        </style>
        <script>
            $(document).ready(function(){

    var contentEditable = document.getElementById('multiple');
    var lastItem = contentEditable.getElementsByTagName('span').item(2);

                var selectElementText = function(el, win){
                    win = win || window;
                    var doc = win.document, sel, range;
                    if (win.getSelection && doc.createRange) {                    
                        range = doc.createRange();
                        range.selectNodeContents(el);
                        range.collapse(false);
                        sel = win.getSelection();
                        sel.removeAllRanges();
                        sel.addRange(range);
                    }
                    else 
                        if (doc.body.createTextRange) …

Run Code Online (Sandbox Code Playgroud)

javascript text cross-browser contenteditable

Mik*_*ike

2010 10-31

17
推荐指数

2
解决办法

1万
查看次数