Метод выбора IE TextRange, не работающий правильно

Я недавно работал на сайте, который использовал Microsoft CMS с "MSIB + пакет" средств управления, которые включали WYSIWYG-редактор, который работал в Internet Explorer.

Я, кажется, помню некоторые комментарии в редакторе клиентский JavaScript, которые были конкретно связаны с этой ошибкой в IE и Диапазоне. Выберите () метод.

К сожалению, я не работаю там еще, таким образом, я не могу получить доступ к файлам JavaScript, но возможно Вы можете получать их откуда-либо?

Удачи

Я немного покопался и, к сожалению, не могу см. обходной путь ... Хотя одну вещь я заметил при отладке javascript, похоже, что проблема на самом деле связана с самим объектом диапазона, а не с последующим range.select () . Если вы посмотрите на значения в объекте диапазона, который возвращает selection.createRange () , да, родительский объект dom может быть правильным, но информация о позиционировании уже относится к началу следующей строки (например, offsetLeft / Top, boundingLeft / Top и т. Д. Уже неверны).

Судя по информации здесь , здесь и здесь , я думаю, что вы вышли удачи с IE, поскольку у вас есть доступ только к объекту Microsoft TextRange, который, похоже, не работает. Исходя из моих экспериментов, вы можете перемещать диапазон и позиционировать его точно там, где он должен быть, но как только вы это сделаете, объект диапазона автоматически перейдет на следующую строку еще до того, как вы попытались .select () ит. Например, вы можете увидеть проблему, поместив этот код между шагами 1 и 2:

if (range.boundingWidth == 0)
{
    //looks like its already at the start of the next line down...
    alert('default position: ' + range.offsetLeft + ', ' + range.offsetTop);
    //lets move the start of the range one character back
    //(i.e. select the last char on the line)
    range.moveStart("character", -1);
    //now the range looks good (except that its width will be one char);
    alert('one char back: ' + range.offsetLeft + ', ' + range.offsetTop);
    //calculate the true end of the line...
    var left = range.offsetLeft + range.boundingWidth;
    var top = range.offsetTop;
    //now we can collapse back down to 0 width range
    range.collapse();
    //the position looks right
    alert('moving to: ' + left + ', ' + top);
    //move there.
    range.moveToPoint(left, top);
    //oops... on the next line again... stupid IE.
    alert('moved to: ' + range.offsetLeft + ', ' + range.offsetTop);
}

Итак, к сожалению, не похоже, что есть какой-либо способ гарантировать, что диапазон находится в правильном месте, когда вы его выбираете снова.

Очевидно, есть тривиальное исправление в вашем коде выше, изменив Шаг 2 на это:

// Step 2 Restore the selection
if (range.select) {
    if (range.boundingWidth > 0) {
        range.select();
    }
} else {
    selection.removeAllRanges();
    selection.addRange(range);
    doc.body.focus();
}

Но, по-видимому, вы действительно хотите сделать что-то между Шагом 1 и Шагом 2 в вашем фактическом, что включает перемещение выделения, отсюда и необходимость его переустановить. Но на всякий случай. :)

Таким образом,

Возможно, я неправильно понял, но если я щелкну справа от этой первой строки, мой курсор сразу же появится в начале второй строки, так что это не проблема TextRange, верно?

Добавление doctype, чтобы тестовая страница отображалась в стандартном режиме вместо режима quirks, исправляет это для меня.

И я не могу воспроизвести то, что делает ваша функция myhandler, потому что нажатие этой кнопки перемещает фокус на кнопку, поэтому я не может больше видеть курсор и не может вернуть его. Поиск позиции курсора в contentEditable области кажется совершенно другой проблемой .