how to get cursor position of a div element in vue js?

Question

I can only get the cursor position of input and textarea elements, but how do I do this with div elements that contain contenteditable = "true"?

 getCursor() { const text = this.$refs.test; const value = text.selectionStart; console.log(value); // result is undefined }

 <div ref="test" contenteditable="true":v-html="inputIntegrationHMTL" @input="getCursor($event)" > </div>

Answer 1

Like this?

 getCursor(event) { console.log(event); // you can read pos here }

 <div ref="test" contenteditable="true":v-html="inputIntegrationHMTL" @mouseover="getCursor($event)" > </div>