Javascript contenteditable div获取光标位置

我发现了一个代码片段，除了有换行符外，它工作正常。按enter键会创建html元素，函数会产生错误的结果。有人能解决这个问题吗

到目前为止，我使用了以下脚本：

---

您面临的问题是由于浏览器差异造成的。例如，当您点击回车键时，E将添加

标记，然后在点击shift enter键时添加

。当你点击回车时，Chrome在内容周围执行

…

，当你点击shift-enter时，Chrome在内容周围执行

您需要通过捕获按键事件或使用jQuery插件来处理此问题，该插件将使enterkeypress成为跨浏览器的标准。存在堆栈溢出问题，这会有所帮助

这是我用来测试的代码

<script type="text/javascript">
    $(function () {
        $('#ShowButton').click(function (e) {
            alert($('#CED').html());
        });
    });    
</script>

<canvas id="drawingSurface" class="canvasLayout">

</canvas>

<div id="CED" contenteditable="true">
    Text goes here
</div>

<input type="button" value="Show HTML" id="ShowButton" />

$（函数（）{
$（“#显示按钮”）。单击（函数（e）{
警报（$（'#CED'）.html（））；
});
});    
这里有文字