Hide selection from iframe when blurred?

Question

Is it possible to hide the selection of an iframe when it loses focus?

Example:

1. Select a text on a contentEditable iframe
2. Click out the iframe

Result: The selection is still visible (grayed)

Expected result: The text without the inactive selection style.

Is there some property, or some script to do it? (I do not want to lose the selection)

Answer 1

You can assign an onblur event for your iframe:

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