Есть
<div ref="viewer" id="area"></div>
в который динамически грузится iframe - epub книга (использую для этих челей библиотеку epub.js). При поиске по книге получаем список совпадений. При клике на элемент из списка мы переходим на страницу и выделяем слово, которое мы ищем с помощью метода библиотеки
this.rendition.annotations.highlight('epubcfi(' + cfi + ')')
. Удаление выделения реализуется с помощью
this.rendition.annotations.remove('epubcfi(' + this.cfi + ')')
.
Вопрос: как мне сделать так, чтобы по клику на любое место читалки выделение убиралось? document.onclick я пробовала вызывать по событию mounted, но не прокатило, т.к. оно срабатывает сразу и пользователь не видит выделения