Как убрать постоянную работу функции

Всем привет!

Ребята, дело такое, насобирал код:

Код (Text):

1.  
2. <div class="div_insert" onclick="insertTag('<span>', '</span>');">
3. <script>
4.   document.onselectionchange = function() {
5.     let {anchorNode, anchorOffset, focusNode, focusOffset} = document.getSelection();
6.     let from = `${anchorNode && anchorNode.data}:${anchorOffset}`;
7.     let to = `${focusNode && focusNode.data}:${focusOffset}`;
8.     console.log(from);
9.     console.log(to);
10.   };
11. </script>

Этот скрипт обрабатывает выделение текста на странице и в консоль выдает позицию начала и конца текстового курсора. Скрипт работает постоянно. Как сделать, чтобы скрипт запускался при нажатии на div (указан над скриптом) и выполнялся один раз. Для div прописал onclick="insertTag..., но не могу обернуть сам скрипт в эту функцию. Подскажите как это сделать.

За ранее благодарю за ответ!

 

Подскажите, как из данного кода из функции вернуть переменные, через return не получается:

Код (Text):

1. document.onselectionchange = function() {
2.     let {anchorNode, anchorOffset, focusNode, focusOffset} = document.getSelection();
3.     let from = `${anchorNode && anchorNode.data}:${anchorOffset}`;
4.     let to = `${focusNode && focusNode.data}:${focusOffset}`;
5.     console.log(from);
6.     console.log(to);
7.   };