удалить выделенные (выделенные элементы) в функции keyup

Question

У меня есть две функции:

var $mainEdit= $("#main-edit");

    function getSelText()
    {
        var txt = '';
         if (window.getSelection)
        {
            txt = window.getSelection();
                 }
        else if (document.getSelection)
        {
            txt = document.getSelection();
                }
        else if (document.selection)
        {
            txt = document.selection.createRange().text;
                }
        else return;
    return $("#clipboard").val(txt);
    }
    $mainEdit.mouseup(function(){
        $("#clipboard").val("");
          getSelText();  
        }).mousedown(function(){
        $("#clipboard").val("");
          getSelText();
        });

Что я хочу сделать, так это событие keyup ... выделенные элементы будут удалены.

Так что, если бы у меня был этот HTML:

<span>a</span>
<span>b</span>
<span>c</span>

и выделенные a и b, при событии keyup первые два пролета будут удалены.

Answer 1

Вот кросс-браузерная функция для удаления выбранного контента:

function deleteSelected() {
    if (window.getSelection()) {
        window.getSelection().deleteFromDocument();
    } else if (document.selection) {
        document.selection.clear();
    }
}

Подключение к событию keyup:

$mainEdit.keyup(deleteSelected);