将div附加到选定的文本

Question

如果有人在可编辑区域中选择文本,我想显示一些按钮 - 如下所示:

所以,我认为我必须使用<div contenteditable="true">而不是<textarea>

但说实话,我不知道如何追加div

问题:

1. 是什么(jquery)事件选择文本？
2. 选择此区域后如何附加div？

JsFiddle:http: //jsfiddle.net/hA7Zn/

谢谢你的任何提示!

Answer 1

检查此演示以获取选定的文本，

选择时会触发事件selectstart

$(function () {
    $('div').on('selectstart', function () {
        console.log('..');
        $(document).one('mouseup', function() {
            alert(this.getSelection());
        });
    });
});