在可信任的div中将光标附加到div

时间:2013-07-25 11:55:43

标签: javascript jquery dom contenteditable

我有一个令人满意的div,我需要在插入位置附加div(孩子)?

我使用堆栈中的一些样本在插入位置成功添加了文本。但我没有办法在插入位置附加一个div。

怎么做?

var appendText = "<div class='ui-state-default' contenteditable='false'>
<span>"+ui.draggable.text()+"</span>
<span class='ebAppendFieldClose'>x</span>
</div>"

$("#ebPlaceholder").append(appendText);

现在我使用普通方法(像这样)。

1 个答案:

答案 0 :(得分:2)

不确定你要做什么;它是否将div放在光标位置?

var appendText = "<div class='ui-state-default' contenteditable='false'><span>" + ui.draggable.text() + "</span><span class='ebAppendFieldClose'>x</span></div>"

//I'm using 'click', but it can be whatever you want
$("#ebPlaceholder").on('click', function(e) {
    appendText.css({position: 'absolute',
        top: e.clientY + 'px',
        left: e.clientX + 'px'
    }); 
    e.target.append(appendText);
});