Clicking on an area in an iframe that is dynamically loaded?

Question

JavaScript

There <div ref="viewer" id="area"></div>is an iframe in which the epub book is dynamically loaded (I use the epub.js library for these people). When searching for a book, we get a list of matches. When clicking on an element from the list, we go to the page and select the word we are looking for using the library method

this.rendition.annotations.highlight('epubcfi(' + cfi + ')')

. Removing a selection is implemented using

this.rendition.annotations.remove('epubcfi(' + this.cfi + ')')

.
Question: how can I make it so that by clicking on any place in the reader, the selection is removed? I tried to call document.onclick on the mounted event, but it didn’t work, because it works immediately and the user does not see the selection