Скрыть выделение из iframe, когда размыто?

Question

Можно ли скрыть выделение фрейма, когда он теряет фокус?

Пример:

1. Выделение текста в contentEditableiframe
2. Щелкните по iframe

Результат: выделение все еще отображается (выделено серым цветом)

Ожидаемый результат: текст без стиля неактивного выделения.

Есть ли какое-то свойство или какой-то скрипт для этого?(Я не хочу терять выбор)

Answer 1

Вы можете назначить событие onblur для вашего iframe:

window.onblur = function() {
  if (window.getSelection) {
    window.getSelection().removeAllRanges();
  } else if (document.selection) {
    document.selection.empty();
  }
}