javascript - HTML 内容可编辑 div : select text event

Question

我有一个 contenteditable

的 div

<div class="editable" contenteditable="true"></div>

用户可以在其中输入任何内容。当用户在 div 中进行选择时，有什么方法可以获取事件。

类似于:

$('.editable').onSelection(function(e, selection){alert(selection);}

Answer 1

你可以尝试这样的事情:

没有 'selectend' 事件，但我们可以通过观察 mouseup 事件来判断用户何时完成选择

$(function () {
    $('.editable').on('selectstart', function () {
        $(document).one('mouseup', function() {
            alert(this.getSelection());
        });
    });
});​