在div中的span中设置光标位置不起作用

时间:2016-05-27 13:52:15

标签: javascript html css

我有一个可疑的div,其间跨度为:

<input id="fruit" name="fruit" value=""/>

$('#fruit').bind('typeahead:select', function(ev, suggestion){
    var name = suggestion.label;
    $("#fruit").typeahead('val', name);
    return false;
});

我想在中间设置光标:

<div id="textArea" contenteditable><span style="font-size: 1em; font-family: Arial; text-align: left"></span></div>

left">

我使用以下代码:

</span>

不幸的是,只有在开头的跨度之间写入了某些内容时,此代码才有效。

有人可以帮帮我吗?

非常感谢, 卢卡斯

1 个答案:

答案 0 :(得分:1)

您可以通过向HTML添加简历&nbsp;来实现此目的:

<div id="textArea" contenteditable><span style="font-size: 1em; font-family: Arial; text-align: left">&nbsp;</span></div>

它可能看起来不是最漂亮的解决方案,但它确实有效。查看jsfiddle

这将首先添加空白